<view class="chooseType flex-a" v-if="mealWay.selWay == 0 && mealWay.wayTake && WayTakeList&&WayTakeList.length==2"> <view class="child flex-1 flex-a" :style="'border-color:'+(takeWayType==index?themeColor.color1:'#eee')" @click="WayTakeUpdatradioChange(index)" v-for="(item,index) in [{img:'dineIn.png',cn:takeWayTypeName,en:'Dine In'},{img:'takeAway.png',cn:takeWayTypeName1,en:'Take Away'}]"> <image class="childImg" :src="'https://upaiyun.reabam.com/miniprogram/mealNew/'+item.img" mode="widthFix" /> <view class="content"> <view class="cn"> {{ item.cn }} </view> <view class="en"> {{ item.en }}</view> </view> <view class="chooseImg" v-if="takeWayType==index" :style="'background:'+themeColor.color1"> <image class="img" src="https://upaiyun.reabam.com/miniprogram/mealNew/ok_1102.png" mode="widthFix" /> </view> </view> </view> <!----css-----> .chooseType{ color: #333; padding: 30rpx 0 0; // border-bottom: 2rpx solid #eee; :first-child{ margin-right: 30rpx; } .child{ padding: 26rpx 0; border:4rpx solid #eee; border-radius: 20rpx; justify-content: center; position: relative; overflow:hidden; .cn{ font-weight: 500; font-size: 32rpx; margin-bottom: 4rpx; width:128rpx; margin-right: 0; } .en{ color: #999999; font-size: 24rpx; } .childImg{ margin-right: 30rpx; height: 65rpx; width: 65rpx; } } .chooseImg{ border-radius: 0px 0rpx 0px 93rpx; width: 45rpx; height: 33rpx; display: flex; justify-content: center; padding-top: 8rpx; padding-left: 2rpx; position: absolute; top: -2rpx; right: -4rpx; box-sizing: border-box; z-index:3; clear: both; .img{ height:1rpx; width: 20rpx; margin: 0; } } }

官方不修复吗