优化check组件
This commit is contained in:
parent
f3c646e785
commit
ce5387fef1
@ -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>
|
||||
Loading…
Reference in New Issue
Block a user