优化check组件
This commit is contained in:
parent
f3c646e785
commit
ce5387fef1
@ -147,24 +147,13 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="com-section mt-30">产品类型</view>
|
<view class="com-section mt-30">产品类型</view>
|
||||||
<view class="blcok-white yunf-list">
|
<view class="blcok-white yunf-list" style="padding-bottom: 2rpx;">
|
||||||
<view class="yunf-item active">
|
|
||||||
|
<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-row justify="between">
|
||||||
<u-col span="8">
|
<u-col span="8">
|
||||||
<u-text text="柬埔寨-国际特快" size="28" :bold="true"></u-text>
|
<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-text margin="6rpx" text="1-2工作日 ¥80元起" size="26" color="#999"></u-text>
|
||||||
</u-col>
|
</u-col>
|
||||||
<u-col span="4">
|
<u-col span="4">
|
||||||
@ -174,6 +163,7 @@
|
|||||||
</u-col>
|
</u-col>
|
||||||
</u-row>
|
</u-row>
|
||||||
</view>
|
</view>
|
||||||
|
</tpx-checkitems>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="com-section mt-30">给快递员捎话</view>
|
<view class="com-section mt-30">给快递员捎话</view>
|
||||||
@ -259,6 +249,9 @@
|
|||||||
{ title: '仓库收货', val: 2 },
|
{ title: '仓库收货', val: 2 },
|
||||||
{ title: '整柜提货', val: 3 }
|
{ title: '整柜提货', val: 3 }
|
||||||
],
|
],
|
||||||
|
proList: [
|
||||||
|
{val: 1},{val: 2}
|
||||||
|
],
|
||||||
tipsList: [
|
tipsList: [
|
||||||
{ title: '请带纸箱', val: '请带纸箱' },
|
{ title: '请带纸箱', val: '请带纸箱' },
|
||||||
{ title: '需要爬楼', val: '需要爬楼' },
|
{ title: '需要爬楼', val: '需要爬楼' },
|
||||||
@ -272,7 +265,8 @@
|
|||||||
submitParam: {
|
submitParam: {
|
||||||
tips: [],
|
tips: [],
|
||||||
type: 1,
|
type: 1,
|
||||||
otherDes: ''
|
otherDes: '',
|
||||||
|
prodId: 1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -332,13 +326,9 @@
|
|||||||
padding: 30rpx;
|
padding: 30rpx;
|
||||||
background: #F6F6F6;
|
background: #F6F6F6;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
border: 2rpx solid transparent;
|
||||||
&.active {
|
&.active {
|
||||||
border: 2rpx solid $uni-color-primary;
|
border-color: $uni-color-primary;
|
||||||
}
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user