root/pad-nl-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-29 09:41:09 +08:00
parent 6044f0e0d2
commit 4711a47b46
1 changed files with 32 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
pages/home/home.vue
View File

@@ -14,7 +14,8 @@
<view class="zd_wrapper">
<view class="zd-row menu-wrap">
<view class="menu-item" v-for="(e, i) in menuList" :key="i" @tap="toPage(e)">
<view class="menu_name_bg" :class="'bg_texture_' + i">
<!-- <view class="menu_name_bg" :class="'bg_texture_' + i"> -->
<view class="menu_name_bg" :class="'bg_texture_' + e.ywlx">
<view class="menu-name">{{e.name}}</view>
<view v-show="Number(e.counts) > 0" class="bill_count">{{e.counts}}</view>
</view>
@@ -65,7 +66,13 @@
},
toPage (e) {
let url = ''
url = '/pages/management/in-storage?id=' + e.djlx + '&name=' + e.name + '&type=' + e.ywlx
if (e.ywlx === 'DB') {
url = '/pages/management/alloc-maintenance'
} else if (e.ywlx === 'SH') {
url = '/pages/management/receive-confirm'
} else {
url = '/pages/management/in-storage?id=' + e.djlx + '&name=' + e.name + '&type=' + e.ywlx
}
uni.redirectTo({
url: url
})
@@ -124,7 +131,7 @@
-webkit-text-fill-color: transparent;
.zd_wrapper
_wh(calc(100% - 100px),calc(100% - 180px)) /** 120rpx + 200rpx + 130rpx */
margin 20px 50px 0 50px
margin 0px 50px 0 50px
_bis(,'../../static/images/bg-task-r2.png', 100%, 100%,center)
.menu-wrap
flex-wrap wrap
@@ -133,12 +140,12 @@
height 100%
.menu-item
width 20%
margin 20px 0
margin 10px 0
.menu_name_bg
position relative
_wh(100px, 100px)
_wh(100px, 80px)
margin 0 auto
border-radius 20px
border-radius 10px
background-image: radial-gradient( ellipse farthest-corner at 11px 11px , #afafb9, #afafb9 50%, #ffffff 50%);
background-size: 11px 11px;
.bg_texture_1, .bg_texture_7
@@ -151,7 +158,7 @@
background-size: 22px 22px;
.menu-name
background-color rgba(0, 239, 48, 0.8)
.bg_texture_2, .bg_texture_5
.bg_texture_2, .bg_texture_5, .bg_texture_9
background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 13.5px 13.5px, linear-gradient(#afafb9 2px, transparent 2px) 0 -2px, linear-gradient(90deg, #afafb9 2px, #ffffff 2px) -2px 0;
background-size: 27.5px 27.5px, 27.5px 27.5px, 13.75px 13.75px, 13.75px 13.75px;
.menu-name
@@ -159,14 +166,29 @@
.bg_texture_4
.menu-name
background-color rgba(255, 139, 69, 0.8)
.bg_texture_DB
background: repeating-linear-gradient( -45deg, #afafb9, #afafb9 5px, #ffffff 5px, #ffffff 8px );
.menu-name
background-color rgba(49, 95, 255, 0.8)
.bg_texture_IN
background-image: repeating-linear-gradient(45deg, #afafb9 25%, transparent 25%, transparent 75%, #afafb9 75%, #afafb9), repeating-linear-gradient(45deg, #afafb9 25%, #ffffff 25%, #ffffff 75%, #afafb9 75%, #afafb9);
background-position: 0 0, 11px 11px;
background-size: 22px 22px;
.menu-name
background-color rgba(0, 239, 48, 0.8)
.bg_texture_SH
background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 13.5px 13.5px, linear-gradient(#afafb9 2px, transparent 2px) 0 -2px, linear-gradient(90deg, #afafb9 2px, #ffffff 2px) -2px 0;
background-size: 27.5px 27.5px, 27.5px 27.5px, 13.75px 13.75px, 13.75px 13.75px;
.menu-name
background-color rgba(255, 189, 45, 0.8)
.menu-name
display flex
justify-content center
align-items center
_wh(100px, 100px)
_wh(100px, 80px)
padding 10px
border-radius 20px
_font(20px, 25px, #fff,bold,center)
border-radius 10px
_font(18px, 25px, #fff,bold,center)
background-color rgba(0,166,255,0.8)
.bill_count
position absolute