aike/emis-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化样式

Browse Source
This commit is contained in:
aihe 2023-12-02 01:10:34 +08:00
parent b035a6e234
commit e7d3ca2f9a
1 changed files with 16 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
pages/tabBar/home/home.vue
View File

@ -47,14 +47,13 @@
</u-row>
<u-row class="btnlist1 com-jianju">
<u-col v-for="mbItem in mainBtnlist" :span="12/mainBtnlist.length" class="mbitem">
<u-row>
<u-col v-for="mbItem in mainBtnlist" :span="12/mainBtnlist.length" class="mbitem" align="center">
<u-row >
<image mode="aspectFit" class="tb1" :src="mbItem.icon"/>
<view class="neirong">
<view class="nr1">{{mbItem.title}}</view>
<view class="nr2">{{mbItem.subTitle}}</view>
</view>
<view class="mb-bord"></view>
</u-row>
</u-col>
</u-row>
@ -75,15 +74,16 @@
<view class="com-jianju">
<u-text :bold="true" size="32" color="#333" margin="40rpx 0 0 0" text="网点扫描"></u-text>
</view>
<u-row class="btnlist2 com-jianju" style="flex-wrap: wrap;">
<u-col span="3" v-for="tlItem in toolBtnlist" align="center">
<u-col class="tlitem" align="center">
<image :src="tlItem.icon" style="height: 66rpx;" mode="heightFix"/>
<view style="font-size: 24rpx;margin-top: 20rpx;">{{tlItem.title}}</view>
<view class="btnlist2 com-jianju">
<u-row justify="start" gutter="18" style="flex-wrap: wrap;">
<u-col span="3" v-for="tlItem in toolBtnlist" align="center">
<u-col align="center" class="tlitem">
<image :src="tlItem.icon" style="height: 66rpx;" mode="heightFix"/>
<view style="font-size: 24rpx;margin-top: 20rpx;">{{tlItem.title}}</view>
</u-col>
</u-col>
</u-col>
</u-row>
</u-row>
</view>
</view>
</view>
@ -207,19 +207,9 @@
border-radius: 20rpx;
padding: 30rpx;
.mbitem{
.mb-bord{
position: relative;
flex: 1;
height: 100%;
&::after {
content: ' ';
position: absolute;
left: 50%;
right: 0;
top: 0;
bottom: 0;
border-right: 2rpx solid rgba(255,255,255,0.5);
}
border-right: 2rpx solid rgba(255,255,255,0.5);
&:last-child {
border-right: 0;
}
.tb1 {
width: 92rpx;
@ -236,7 +226,7 @@
margin-top: 15rpx;
font-size: 28rpx;
font-weight: 600;
color: #999;
color: #fff;
}
}
&:last-child {
@ -264,8 +254,7 @@
padding: 20rpx;
border: 2rpx solid #F6F6F6;
border-radius: 16rpx;
margin-bottom: 12rpx;
width: 160rpx;
margin-bottom: 18rpx;
}
}
}