root/hht-hl-three-uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
caill
2024-05-16 14:49:15 +08:00
parent cdd76b8a86
commit fcaa425356
3 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/NavBar.vue
View File

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

31
pages/home/home.vue
View File

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

6
pages/login/login.vue
View File

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