|
|
@@ -6,6 +6,7 @@
|
|
|
<view class="cross-line"></view>
|
|
|
<view class="menus">
|
|
|
<view class="menu" v-for="(item,index) in miniProgramList" :key="index" @click="toDetail(item)">
|
|
|
+ <text>{{item.title}}</text>
|
|
|
<image :src="item.pic_url" mode="aspectFill"/>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -145,16 +146,25 @@ export default {
|
|
|
background-color: #F2F2F2;
|
|
|
}
|
|
|
.menus {
|
|
|
- height: 15%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+ margin-bottom:20rpx;
|
|
|
.menu {
|
|
|
- margin: 3%;
|
|
|
- height: 100%;
|
|
|
- border-radius: 20rpx;
|
|
|
+ margin: 2%;
|
|
|
+ height: 14%;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ width: 45%;
|
|
|
// box-shadow: 0rpx 10rpx 5rpx rgb(212, 212, 212);
|
|
|
+ text {
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
border-radius: 20rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
