From 9461caf2a459a7ed1eb16f8f439c02cfbcf1930b Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 02 八月 2023 15:06:08 +0800 Subject: [PATCH] 新增功能 --- pages/tabBar/firstPage/firstPage.vue | 71 +++++++++++++++++++++++++++-------- 1 files changed, 55 insertions(+), 16 deletions(-) diff --git a/pages/tabBar/firstPage/firstPage.vue b/pages/tabBar/firstPage/firstPage.vue index 010e28c..0e42cb6 100644 --- a/pages/tabBar/firstPage/firstPage.vue +++ b/pages/tabBar/firstPage/firstPage.vue @@ -9,27 +9,35 @@ <view class="barText">首页</view> </view> </view> - <view style="display: flex;flex-direction: column;padding: 10px 15px;"> - <view class="first" @click="goExamine"> - 预警审核 + <view class="list"> + <view class="first" @click="goExamine" v-if="role == '审核领导'"> + <view class="icon"> + <image src="../../../static/examine.png" class="img"></image>预警审核 + </view> </view> <view class="first" @click="goCurrent" style="background-color:rgb(249, 130, 180) ;" > - 信息查看 + <view class="icon"> + <image src="../../../static/look.png" class="img"></image>信息查看 + </view> </view> <view class="first" style="background-color: rgb(41, 203, 280);" @click="goWeather" > - 实时气象 + <view class="icon"> + <image src="../../../static/we.png" class="img"></image>实时气象 + </view> </view> <view class="first" - style="background-color: rgb(11, 246, 158) ;" + style="background-color: rgb(11, 246, 158) ;margin-bottom: 35px;" @click="goCount" > - 统计分析 + <view class="icon"> + <image src="../../../static/count.png" class="img"></image>统计分析 + </view> </view> </view> @@ -55,6 +63,8 @@ //获取手机状态栏高度 this.statusBarHeight = uni.getSystemInfoSync()['statusBarHeight']; uni.hideTabBar(); + this.role = uni.getStorageSync('roleName'); + console.log("role",this.role) }, methods: { goExamine() { @@ -84,15 +94,14 @@ <style> .navBarBox .navBar { - background-color:lightgrey; - height: 45px; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - font-size: 16px; - /* text-align: center; */ - font-weight: 600; + background-color:#fff; + height: 50px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + box-shadow: 0 3px 12px rgba(0,0,0,0.05); + } .fix{ position: sticky; @@ -105,6 +114,19 @@ .statusBar{ background-color:lightgrey; } +.list{ + margin: 12px 12px 0; + padding: 12px; + box-sizing: border-box; + display: flex; + flex-direction: column; + justify-content: space-between; + width: calc(100% - 24px); + background: #fff; + border-radius: 5px; + box-shadow: 0 3px 12px rgba(0,0,0,0.05); + +} .first{ width: 100%; height: 110px; @@ -116,5 +138,22 @@ border: 1px solid lightgrey; font-size: 18px; margin-top: 40px; + color: #2c2c2c; + font-weight: 600; +} +.icon{ + display: flex; + align-items: center; + justify-content: center; +} +.barText{ + text-align: center; + font-size: 16px; + font-weight: 600; +} +.img{ + width: 20px; + height: 20px; + margin-right: 6px; } </style> \ No newline at end of file -- Gitblit v1.9.2