详情

app.json

@@ -2,7 +2,8 @@
     "pages": [
         "pages/index/index",
         "pages/list/list",
-        "pages/222"
+        "pages/222",
+        "pages/details/details"
     ],
     "window": {
         "navigationBarTextStyle": "black",

components/list-nav-bar/list-nav-bar.wxss

@@ -10,9 +10,9 @@
   }
   
   .navbar-container {
-    
+    height: 85rpx;
-    height: 100rpx;
     position: relative;
+    margin-top: 5rpx;
     /* display: flex;
     flex-flow:row;
     align-items: center;
@@ -32,7 +32,7 @@
     justify-content: center;
     margin-left: 20px;
     width: 60rpx;
-    height: 100rpx; 
+    height: 85rpx; 
     /* position: absolute; */
     /* left: 24rpx;
     width: 64rpx;
@@ -53,8 +53,8 @@
   .navbar_title {
     position: absolute;
     width: 100%;
-    height: 100rpx;
+    height: 85rpx;
-    line-height: 100rpx;
+    line-height: 85rpx;
     font-weight: 700;
     text-align: center;
     box-sizing: border-box;

pages/details/details.js

@@ -0,0 +1,66 @@
+// pages/details/details.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/details/details.json

@@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        "list-nav-bar": "/components/list-nav-bar/list-nav-bar"
+
+    }
+}

pages/details/details.wxml

@@ -0,0 +1,19 @@
+<list-nav-bar title="WeixinWeixinWeixin" background="#3c8bf6" showNavBtn="{{true}}"></list-nav-bar>
+<scroll-view style="height: 100%;overflow:hidden;" scroll-y type="list">
+    <view class="container">
+        <view class="title">
+            <text>快速操作手册试用版</text>
+            <text class="date">2024.08.14 15:26</text>
+        </view>
+        <view class="content">
+            <view class="text">
+                北京欧华莱菌科技有限公司自1993年创建以来在中国市场推广超声波封口焊接设备，致力于传播先进技术，为众多的国内大型知名企业提供高品质焊接技术，成为中国企业走向世界舞台不可或缺的坚实后盾。先后为中国的制冷业，汽车制造业，电子元器件，塑料件，手机电池及汽车气囊业提供各类先进的焊接设备提供及时优质的条件保障和售后服务，为客户在生产效率及成本控制上作出巨大贡献，得到广大用户的认可，取得客户的信任并得到广泛的应用，伴随中国驰名品牌的发展而发展，成长而成长。经过我们不懈的努力，30多年来国内使用我公司提供的设备和技术的公司达到80多家，目前有超过500台各类设备在国内的制冷及其他领域广泛使用。北京欧华莱菌科技有限公司自1993年创建以来在中国市场推广超声波封口焊接设备，致力于传播先进技术，为众多的国内大型知名企业提供高品质焊接技术，成为中国企业走向世界舞台不可或缺的坚实后盾。先后为中国的制冷业，汽车制造业，电子元器件，塑料件，手机电池及汽车气囊业提供各类先进的焊接设备提供及时优质的条件保障和售后服务，为客户在生产效率及成本控制上作出巨大贡献，得到广大用户的认可，取得客户的信任并得到广泛的应用，伴随中国驰名品牌的发展而发展，成长而成长。经过我们不懈的努力，30多年来国内使用我公司提供的设备和技术的公司达到80多家，目前有超过500台各类设备在国内的制冷及其他领域广泛使用。北京欧华莱菌科技有限公司自1993年创建以来在中国市场推广超声波封口焊接设备，致力于传播先进技术，为众多的国内大型知名企业提供高品质焊接技术，成为中国企业走向世界舞台不可或缺的坚实后盾。先后为中国的制冷业，汽车制造业，电子元器件，塑料件，手机电池及汽车气囊业提供各类先进的焊接设备提供及时优质的条件保障和售后服务，为客户在生产效率及成本控制上作出巨大贡献，得到广大用户的认可，取得客户的信任并得到广泛的应用，伴随中国驰名品牌的发展而发展，成长而成长。经过我们不懈的努力，30多年来国内使用我公司提供的设备和技术的公司达到80多家，目前有超过500台各类设备在国内的制冷及其他领域广泛使用。
+
+            </view>
+        </view>
+
+    </view>
+</scroll-view>
+<view class='btn-view'>
+    <button style="background: #3c8bf6;;border-radius: 60rpx;width: 85%;color: #fff;font-size: 30rpx;font-weight: normal;">附件下载</button>
+</view>

pages/details/details.wxss

@@ -0,0 +1,58 @@
+
+page {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    background: #ffffff;
+    min-height: 100vh;
+}
+
+.container{
+    margin-top: 45rpx;
+    margin-bottom: 120rpx;
+    /* margin-left: 30rpx;
+    margin-right: 30rpx; */
+}
+
+
+
+.title {
+    border-bottom: 2rpx solid #e9e9e9;
+    padding-bottom: 30rpx;
+    padding-left: 30rpx;
+    padding-right: 30rpx;
+    font-size: 44rpx;
+    /* margin-bottom: 20rpx; */
+}
+
+.date {
+    font-size: 24rpx;
+    color: #737373;
+    margin-top: 30rpx;
+}
+
+
+.content {
+    margin-top: 30rpx;
+    margin-left: 30rpx;
+    margin-right: 30rpx;
+
+}
+.text {
+    /* margin-top: 16px; */
+    font-size: 32rpx;
+    line-height: 55rpx;
+    color: #333;
+}
+
+
+.btn-view {
+    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2);
+    width: 100%;
+    padding: 20rpx 0;
+    background-color: #fff;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
+  

pages/list/list.js

@@ -8,6 +8,22 @@ Page({
 
     },
 
+
+    jumpPage(e) {
+
+        let jumpType = e.currentTarget.dataset.jumptype;
+        console.log(jumpType == 2);
+        if (jumpType == 2) {
+            wx.navigateTo({
+                url: "/pages/details/details?id=1"
+            })
+        }
+        // wx.navigateTo({
+        //     url: this.data.category[index].url
+        // })
+    },
+
+
     /**
      * 生命周期函数--监听页面加载
      */

pages/list/list.json

@@ -1,7 +1,5 @@
 {
     "usingComponents": {
-      "navigation-bar": "/components/navigation-bar/navigation-bar",
-      "index-nav-bar": "/components/index-nav-bar/index-nav-bar",
       "list-nav-bar": "/components/list-nav-bar/list-nav-bar"
     }
   }

pages/list/list.wxml

@@ -5,7 +5,7 @@
 <scroll-view style="height: 100%;overflow:hidden;" scroll-y type="list">
     <view class="container">
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -18,7 +18,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -31,7 +31,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -44,7 +44,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -57,7 +57,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -70,7 +70,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -83,7 +83,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -96,7 +96,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -109,7 +109,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -122,7 +122,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>
@@ -135,7 +135,7 @@
         </view>
 
 
-        <view class="card">
+        <view class="card" bind:tap="jumpPage" data-jumpType="2">
             <view class="card-header">
                 <view class="dot"></view>
                 <text class="title">超出焊接时间</text>