Bladeren bron

提报列表

zhaoxiaohai 3 jaren geleden
bovenliggende
commit
c1bc9f84ba
4 gewijzigde bestanden met toevoegingen van 160 en 0 verwijderingen
  1. 66 0
      pages/submission/index.js
  2. 4 0
      pages/submission/index.json
  3. 67 0
      pages/submission/index.scss
  4. 23 0
      pages/submission/index.wxml

+ 66 - 0
pages/submission/index.js

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

+ 4 - 0
pages/submission/index.json

@@ -0,0 +1,4 @@
+{
+    "navigationBarTitleText": "提报",
+    "usingComponents": {}
+}

+ 67 - 0
pages/submission/index.scss

@@ -0,0 +1,67 @@
+@import "../../static/unread.wxss";
+@import "../../components/My_card/index.scss";
+
+.item {
+    padding: 20rpx 30rpx;
+
+    .first-line {
+        height: 40rpx;
+
+        .line-1 {
+            float: left;
+            width: 380rpx;
+            font-size: 28rpx;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #333333;
+        }
+
+        .time {
+            float: right;
+            font-size: 24rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+            margin-top: 4rpx;
+        }
+    }
+
+    .state {
+        display: flex;
+        justify-content: space-between;
+        height: 78rpx;
+        width: 100%;
+        margin-top: 20rpx;
+
+        .explian {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            font-size: 24rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+        }
+
+        .but {
+            display: flex;
+            align-items: flex-end;
+
+            .but-base {
+                height: 40rpx !important;
+                border-radius: 8rpx !important;
+                padding: 0 !important;
+                font-size: 20rpx;
+                font-family: PingFang SC-Regular, PingFang SC;
+                color: #FFFFFF;
+            }
+
+            .state-but {
+                width: 100rpx !important;
+            }
+
+            .read-but {
+                width: 80rpx;
+                margin-right: 10rpx;
+            }
+        }
+    }
+}

+ 23 - 0
pages/submission/index.wxml

@@ -0,0 +1,23 @@
+<van-tabs sticky color='var(--assist)' title-active-color='var(--assist)' title-inactive-color='#999'>
+    <van-tab title="一事一报" />
+    <van-tab title="一事多报" />
+    <van-tab title="提报管理" />
+</van-tabs>
+<My_dropdownMenu></My_dropdownMenu>
+<view class="unread">总共15个,进行中10个,已过期5个</view>
+<navigator url="#" class="my-card item" wx:for="{{5}}">
+    <view class="first-line">
+        <view class="line-1">标题标题标题标题抱标题标题标题标题抱团标题标题标题标题抱团团</view>
+        <text class="time">2022/05/18 09:21:20</text>
+    </view>
+    <view class="state">
+        <view class="explian">
+            <view>应提报:20</view>
+            <view>已提报:2</view>
+        </view>
+        <view class="but">
+            <van-button custom-class='read-but but-base' color="#FF3B30">未读</van-button>
+            <van-button custom-class='state-but but-base' color="#FA8C16">进行中</van-button>
+        </view>
+    </view>
+</navigator>