From 9461caf2a459a7ed1eb16f8f439c02cfbcf1930b Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: Wed, 02 Aug 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