41 lines
775 B
Vue
41 lines
775 B
Vue
|
<template>
|
||
|
|
<view class="flex msb m-l-24 m-r-24 m-t-24 p-24 bg-w rad8 boxshadow">
|
||
|
|
<view class="flex mac l-h-18">
|
||
|
|
<view class="fz28 l-h-18">{{cellTit}}</view>
|
||
|
|
<view v-if="required===true" class="bg-m rad-c l-h-18 m-l-24 reqBox"></view>
|
||
|
|
</view>
|
||
|
|
<view class="fcb fz28 flex mac">
|
||
|
|
<view class="fz24">口味、偏好等要求</view>
|
||
|
|
<u-icon name="arrow-right" size="28rpx"></u-icon>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "cell",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
//cell主标题
|
||
|
|
cellTit: {
|
||
|
|
type: String
|
||
|
|
},
|
||
|
|
//是否显示 必填红点 默认不显示
|
||
|
|
required: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.reqBox{
|
||
|
|
width: 16rpx;
|
||
|
|
height: 16rpx;
|
||
|
|
}
|
||
|
|
</style>
|