From 9c491f119144c9bc536c1cf39307ad82be96b85b Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期五, 18 十月 2024 18:13:40 +0800 Subject: [PATCH] ll --- h5/pages/staff/index.vue | 33 +++++++++++++++++++++++++++------ 1 files changed, 27 insertions(+), 6 deletions(-) diff --git a/h5/pages/staff/index.vue b/h5/pages/staff/index.vue index a4c96ae..87dae86 100644 --- a/h5/pages/staff/index.vue +++ b/h5/pages/staff/index.vue @@ -18,7 +18,7 @@ mode="widthFix" ></image> </view> - <view class="title_wrap"><view class="name">涓氬姟鍔炵悊</view></view> + <view v-if="list1.filter(i => checkAuth(i.auth)).length > 0" class="title_wrap"><view class="name">涓氬姟鍔炵悊</view></view> <view class="container1"> <view class="list"> <block v-for="item in list1" :key="item.name"> @@ -65,13 +65,16 @@ </view> --> </view> <!-- --> - <view class="title_wrap"><view class="name">涓氬姟鏌ヨ</view></view> + <view v-if="list2.filter(i => checkAuth(i.auth)).length > 0" class="title_wrap"><view class="name">涓氬姟鏌ヨ</view></view> <view class="container2"> <view class="list"> - <view class="item" @click="jump(item.url)" v-for="item in list2" :key="item.name"> - <image :src="item.img" class="icon" /> - <view class="name">{{item.name}}</view> - </view> + <block v-for="item in list2" :key="item.name"> + <view v-if="checkAuth(item.auth)" class="item" @click="jump(item.url)"> + <image :src="item.img" class="icon" /> + <view class="name">{{item.name}}</view> + <view v-if="item.name == '浠诲姟涓績' && taskInfo" class="task_num">{{ taskInfo }}</view> + </view> + </block> </view> <!-- <view class="img_wrap" @click="jump('/pages/staff/task/index')"> @@ -206,6 +209,9 @@ isDetail: '1' }).then(res => { this.taskInfo = res.data.noticeWaitNum + res.data.noticeCopyNum + if(this.taskInfo && this.taskInfo > 99){ + this.taskInfo = 99 + } }) }, } @@ -250,11 +256,26 @@ width: 25%; margin-bottom: 40rpx; font-size: 26rpx; + position: relative; image{ width: 88rpx; height: 88rpx; margin-bottom: 20rpx; } + .task_num{ + position: absolute; + top: -10rpx; + right: 28rpx; + font-size: 24rpx; + width: 36rpx; + height: 36rpx; + background-color: red; + color: #fff; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + } } } .banner_wrap { -- Gitblit v1.9.3