样式

components/NavBar.vue

@@ -54,7 +54,8 @@
 	_fj()
 	position fixed
 	_wh(100%, calc(var(--status-bar-height) + 72rpx))
-	background-color $red
+	// background-color $red
+	background linear-gradient(90deg, #ff6800, #ff9856)
 	z-index 200
 	padding var(--status-bar-height) 20rpx 0 20rpx
 .page_name

pages/home/home.vue

@@ -3,13 +3,15 @@
 		<view class="zd_content">
 			<view class="header">首页</view>
 			<view class="userInfo-wrap">
-				<view class="userInfo">
-					<text v-if="userName !== ''" class="p1">{{userName}}</text>
-					<text class="p2">欢迎进入海亮三线LMS系统！</text>
-				</view>
-				<view class="exit" @tap="Quit">
-					<view class="icon-exit"></view>
-					<view class="exit-text">退出</view>
+				<view class="userInfo_content">
+					<view class="userInfo">
+						<text v-if="userName !== ''" class="p1">{{userName}}</text>
+						<text class="p2">欢迎进入海亮三线LMS系统！</text>
+					</view>
+					<view class="exit" @tap="Quit">
+						<view class="icon-exit"></view>
+						<view class="exit-text">退出</view>
+					</view>
 				</view>
 			</view>
 			<view class="zd-row zd_home_wrapper">
@@ -130,7 +132,7 @@
 	padding 0 24rpx
 	height 100%
 	padding-top calc(var(--status-bar-height) + 86rpx)
-	background linear-gradient(to bottom, #fae2ca 0%, #fff5ea 20%, #fdfdfd 100%)
+	// background linear-gradient(to bottom, #fae2ca 0%, #fff5ea 20%, #fdfdfd 100%)
 .header
 	position fixed
 	left 0
@@ -138,16 +140,18 @@
 	padding-top var(--status-bar-height)
 	z-index 100
 	_wh(100%, calc(var(--status-bar-height) + 86rpx))
-	// background-color  #f8e6db
+	background-color #f6f6f6
 	_font(36rpx,86rpx,#333,,center)
 .userInfo-wrap
-	_fj()
 	_wh(100%,190rpx)
-	padding 0 30rpx
-	background-color $red
-	_bis('../../static/image/info_bg.png',auto,100%,right,bottom)
+	background linear-gradient(to bottom, #ff6800, #ff9856)
 	border-radius 12rpx
 	margin-bottom 24rpx
+.userInfo_content
+	_fj()
+	_wh(100%,100%)
+	padding 0 30rpx
+	_bis('../../static/image/info_bg.png',auto,100%,right,bottom)
 .userInfo
 	_fj(,flex-start,column)
 .p1
@@ -172,6 +176,7 @@
 	background-color #fff
 	border-radius: 12rpx;
 	margin-bottom: 24rpx
+	box-shadow 2px -2px 2px rgba(180,182,186,0.4)
 .fir_menus_wrap
 	height 100%
 	background-color #dedede

pages/login/login.vue

@@ -146,7 +146,7 @@
   position relative
   _wh(100%, auto)
   padding 190rpx 0 55rpx 0
-  background linear-gradient(to bottom, #fae2ca 0%, #fff5ea 20%, #fdfdfd 100%)
+  // background linear-gradient(to bottom, #fae2ca 0%, #fff5ea 20%, #fdfdfd 100%)
 .p1
   position relative
   z-index 10
@@ -164,7 +164,7 @@
 	right 0
 	bottom 0
 	opacity: 0.3
-	_bis('../../static/image/bg.png', 100%,,bottom)
+	// _bis('../../static/image/bg.png', 100%,,bottom)
 .form-wraper
   width 100%
   padding 0 40rpx
@@ -195,7 +195,7 @@
   width 100%
   border-radius 46rpx
   _font(36rpx,92rpx,#fff,,center)
-  background-color $red
+  background linear-gradient(90deg, #ff6800, #ff9856)
 .version-name
 	width 100%
 	position: absolute