<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;
                
            
            }
        }
    }

发个此页面这个组件的代码片段看看。