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