通告详情

pages/annunciate/details.js

@@ -15,8 +15,11 @@ Page({
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
-
+        wx.setNavigationBarTitle({
+            title: "通告详情"
+        })
     },
+    /* 评分 */
     rateChange({
         detail
     }) {

pages/annunciate/details.scss

@@ -75,6 +75,7 @@ textarea {
     margin: 50rpx 0;
 }
 
+/* 数据 */
 .head {
     display: flex;
     justify-content: space-between;
@@ -138,6 +139,8 @@ textarea {
                 background: #EEEEEE;
             }
         }
+
+
     }
 }
 
@@ -173,18 +176,23 @@ textarea {
 
         .user-list {
             width: 100%;
-            margin-top: 30rpx;
+            margin-top: 24rpx;
             width: 630rpx;
             background: #F5F5F5;
             border-radius: 16rpx;
+            padding: 30rpx 0;
+
 
             .user {
                 display: flex;
-                align-items: center;
                 justify-content: space-between;
                 width: 600rpx;
-                height: 90rpx;
+                height: 40rpx;
+                margin-top: 40rpx;
                 margin-left: 30rpx;
+                padding-right: 20rpx;
+                box-sizing: border-box;
+
 
                 view {
                     width: 530rpx;
@@ -194,11 +202,23 @@ textarea {
                 }
 
                 text {
-                    font-size: 26rpx;
+                    font-size: 40rpx;
                     color: var(--warning);
                 }
             }
+
+            .user:first-child {
+                margin-top: 0;
+            }
         }
+
+        .line-between {
+            height: 1rpx;
+            width: 100%;
+            background-color: #EEEEEE;
+            margin: 30rpx 0;
+        }
+
     }
 }
 

pages/annunciate/details.wxml

@@ -1,4 +1,41 @@
 <van-tabs swipeable sticky color='var(--assist)' title-active-color='var(--assist)'>
+    <van-tab title="详情">
+        <view class="main">
+            <view class="title multi-line">多三边定制家具7月新品政策sdfsdf多三边定制家具7月新品政策65464多三边定制家具7月新品政策sadas</view>
+            <view class="incidental">
+                <view class="incidental_l">
+                    <van-tag custom-class='tag' color="#FF3B30" plain>政策公告</van-tag>
+                    <view class="time">发布于：2022-10-12</view>
+                </view>
+                <view class="incidental_r">
+                    <view class="incidental_r_item">
+                        <text class="iconfont icon-a-tonggaoliulanliang" />
+                        200
+                    </view>
+                </view>
+            </view>
+            <view class="cut-off-rule" />
+        </view>
+        <My_card custom-class="evaluate" title="通告评价" hover>
+            <view slot='title-r' class="title-r">112人评分</view>
+            <view class="score">
+                <text>总体</text>
+                <van-rate custom-class='rate' value="{{ rate.nubmer }}" size="{{ 25 }}" color="#ffd21e" void-icon="star" void-color="#eee" bind:change="rateChange" />
+                <text>{{rate.text}}</text>
+            </view>
+            <view class="but-box">
+                <van-button custom-class='submit' color="var(--assist)">提交</van-button>
+            </view>
+        </My_card>
+        <My_card title="建议与反馈">
+            <view style="width: 100%; text-align: center;">
+                <textarea placeholder="请输入您的建议与反馈"></textarea>
+                <view class="but-box">
+                    <van-button custom-class='submit' color="var(--assist)">提交</van-button>
+                </view>
+            </view>
+        </My_card>
+    </van-tab>
     <van-tab title="数据">
         <!-- 头部数据 -->
         <My_card custom-class='head'>
@@ -35,65 +72,30 @@
                 </view>
             </view>
         </My_card>
-        <!--  -->
         <My_card custom-class='data-main'>
             <view class="tab">
                 <view class="tab_item active">未浏览人员</view>
                 <view class="tab_item">未下载人员</view>
             </view>
             <view class="data-content">
-                <view class="title">
-                    <view class="title_l">负责人：张三</view>
-                    <view class="title_r">
-                        应浏览：3人 未浏览：2人
-                    </view>
-                </view>
-                <view class="user-list" wx:for="{{5}}">
-                    <view class="user">
-                        <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
-                        <text class="iconfont icon-a-tonggaoshujubodadianhua" />
+                <block wx:for="{{5}}">
+                    <view class="title">
+                        <view class="title_l">负责人：张三</view>
+                        <view class="title_r">
+                            应浏览：3人 未浏览：2人
+                        </view>
                     </view>
-                    <view  />
-                </view>
-            </view>
-        </My_card>
-    </van-tab>
-    <van-tab title="详情">
-        <view class="main">
-            <view class="title multi-line">多三边定制家具7月新品政策sdfsdf多三边定制家具7月新品政策65464多三边定制家具7月新品政策sadas</view>
-            <view class="incidental">
-                <view class="incidental_l">
-                    <van-tag custom-class='tag' color="#FF3B30" plain>政策公告</van-tag>
-                    <view class="time">发布于：2022-10-12</view>
-                </view>
-                <view class="incidental_r">
-                    <view class="incidental_r_item">
-                        <text class="iconfont icon-a-tonggaoliulanliang" />
-                        200
+                    <view class="user-list">
+                        <view class="user" wx:for="{{5}}">
+                            <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
+                            <text class="iconfont icon-shujubodadianhua1" />
+                        </view>
                     </view>
-                </view>
-            </view>
-            <view class="cut-off-rule" />
-        </view>
-        <My_card custom-class="evaluate" title="通告评价" hover>
-            <view slot='title-r' class="title-r">112人评分</view>
-            <view class="score">
-                <text>总体</text>
-                <van-rate custom-class='rate' value="{{ rate.nubmer }}" size="{{ 25 }}" color="#ffd21e" void-icon="star" void-color="#eee" bind:change="rateChange" />
-                <text>{{rate.text}}</text>
-            </view>
-            <view class="but-box">
-                <van-button custom-class='submit' color="var(--assist)">提交</van-button>
-            </view>
-        </My_card>
-        <My_card title="建议与反馈">
-            <view style="width: 100%; text-align: center;">
-                <textarea placeholder="请输入您的建议与反馈"></textarea>
-                <view class="but-box">
-                    <van-button custom-class='submit' color="var(--assist)">提交</van-button>
-                </view>
+                    <view class="line-between" />
+                </block>
             </view>
         </My_card>
     </van-tab>
 
+
 </van-tabs>

static/font-icon.wxss

@@ -1,9 +1,9 @@
 @font-face {
     font-family: "iconfont"; /* Project id 3376421 */
-    src: url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.woff2?t=1652403242002') format('woff2'),
-         url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.woff?t=1652403242002') format('woff'),
-         url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.ttf?t=1652403242002') format('truetype'),
-         url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.svg?t=1652403242002#iconfont') format('svg');
+    src: url('//at.alicdn.com/t/font_3376421_zqysvgsq2v.woff2?t=1652408316463') format('woff2'),
+         url('//at.alicdn.com/t/font_3376421_zqysvgsq2v.woff?t=1652408316463') format('woff'),
+         url('//at.alicdn.com/t/font_3376421_zqysvgsq2v.ttf?t=1652408316463') format('truetype'),
+         url('//at.alicdn.com/t/font_3376421_zqysvgsq2v.svg?t=1652408316463#iconfont') format('svg');
   }
   
   .iconfont {
@@ -14,6 +14,14 @@
     -moz-osx-font-smoothing: grayscale;
   }
   
+  .icon-a-shouyeshujugaikuangzhanshishuju:before {
+    content: "\e64e";
+  }
+  
+  .icon-shujubodadianhua1:before {
+    content: "\e64f";
+  }
+  
   .icon-a-shurukuangshanchu:before {
     content: "\e64d";
   }
@@ -178,10 +186,6 @@
     content: "\e624";
   }
   
-  .icon-a-tonggaoshujubodadianhua:before {
-    content: "\e625";
-  }
-  
   .icon-a-tonggaoshujuxiazailiang:before {
     content: "\e626";
   }
@@ -214,10 +218,6 @@
     content: "\e61e";
   }
   
-  .icon-a-shouyeshujugaikuangzhanshishuju:before {
-    content: "\e619";
-  }
-  
   .icon-a-shouyezhanghuzhanshiquqianbi:before {
     content: "\e61a";
   }