优化check组件

This commit is contained in:
aihe 2023-12-08 23:41:59 +08:00
parent f3c646e785
commit ce5387fef1

View File

@ -147,33 +147,23 @@
</view>
<view class="com-section mt-30">产品类型</view>
<view class="blcok-white yunf-list">
<view class="yunf-item active">
<u-row justify="between">
<u-col span="8">
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
</u-col>
<u-col span="4">
<u-text align="right" text="运费预估" size="26" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="26" :bold="true" mode="price"
color="#B12D29"></u-text>
</u-col>
</u-row>
</view>
<view class="yunf-item">
<u-row justify="between">
<u-col span="8">
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
</u-col>
<u-col span="4">
<u-text align="right" text="运费预估" size="26" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="26" :bold="true" mode="price"
color="#B12D29"></u-text>
</u-col>
</u-row>
</view>
<view class="blcok-white yunf-list" style="padding-bottom: 2rpx;">
<tpx-checkitems :list="proList" v-model:value="submitParam.prodId" v-slot="curPro" min-checked="1" type="single">
<view slot :class="`yunf-item ${curPro.checked?'active':''}`">
<u-row justify="between">
<u-col span="8">
<u-text :text="`柬埔寨-国际特快`" size="28" :bold="true"></u-text>
<u-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
</u-col>
<u-col span="4">
<u-text align="right" text="运费预估" size="26" color="#999"></u-text>
<u-text align="right" margin="6rpx" text="32" size="26" :bold="true" mode="price"
color="#B12D29"></u-text>
</u-col>
</u-row>
</view>
</tpx-checkitems>
</view>
<view class="com-section mt-30">给快递员捎话</view>
@ -259,6 +249,9 @@
{ title: '仓库收货', val: 2 },
{ title: '整柜提货', val: 3 }
],
proList: [
{val: 1},{val: 2}
],
tipsList: [
{ title: '请带纸箱', val: '请带纸箱' },
{ title: '需要爬楼', val: '需要爬楼' },
@ -272,7 +265,8 @@
submitParam: {
tips: [],
type: 1,
otherDes: ''
otherDes: '',
prodId: 1
}
}
},
@ -332,13 +326,9 @@
padding: 30rpx;
background: #F6F6F6;
border-radius: 20rpx;
border: 2rpx solid transparent;
&.active {
border: 2rpx solid $uni-color-primary;
}
&:last-child {
margin-bottom: 0;
border-color: $uni-color-primary;
}
}
</style>