This commit is contained in:
aihe 2023-12-17 23:54:57 +08:00
parent 437c823de9
commit ccd03a972f
3 changed files with 6 additions and 12 deletions

View File

@ -7,16 +7,15 @@
<view class="mt-20 mb-10"> <view class="mt-20 mb-10">
<tpx-tags :list="hisList" :value="value" type="single" @onItemClick="handleHisItemClick"></tpx-tags> <tpx-tags :list="hisList" :value="value" type="single" @onItemClick="handleHisItemClick"></tpx-tags>
</view> </view>
<u-line></u-line>
<view class=""> <view class="">
<tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" :value="value" v-slot="dlCurrent" min-checked="1" type="single" <tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" :value="value" v-slot="dlCurrent" min-checked="1" type="single"
@onChange="handleDataItemChange" @onChange="handleDataItemChange"
> >
<view slot class="mt-20"> <view slot class="mt-20" :style="`background-color: #F6F6F6;padding: 12rpx;border-radius: 8rpx;border: 1rpx solid ${dlCurrent.checked?'#B12D29':'transparent'};`">
<u-row justify="between"> <u-row justify="between">
<u-col span="10"> <u-col span="10">
<u-text size="28" :text="dlCurrent.item.title"></u-text> <u-text size="28" :text="dlCurrent.item.title" :color="`${dlCurrent.checked?'#B12D29':''}`"></u-text>
</u-col> </u-col>
<view span="2" class="com-chk-icon"> <view span="2" class="com-chk-icon">
<u-checkbox-group> <u-checkbox-group>
@ -24,7 +23,6 @@
</u-checkbox-group> </u-checkbox-group>
</view> </view>
</u-row> </u-row>
<u-line margin="20rpx 0 0 0"></u-line>
</view> </view>
</tpx-checkitems> </tpx-checkitems>
</view> </view>

View File

@ -10,13 +10,12 @@
<view class="mt-20 mb-10"> <view class="mt-20 mb-10">
<tpx-tags :list="hisList" v-model:value="model.value" type="single" @onItemClick="handleHisItemClick"></tpx-tags> <tpx-tags :list="hisList" v-model:value="model.value" type="single" @onItemClick="handleHisItemClick"></tpx-tags>
</view> </view>
<u-line></u-line>
<view class=""> <view class="">
<tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" <tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))"
v-model:value="model.value" v-slot="dlCurrent" min-checked="1" type="single" v-model:value="model.value" v-slot="dlCurrent" min-checked="1" type="single"
> >
<view slot class="mt-20"> <view slot class="mt-20" :style="`background-color: #F6F6F6;padding: 12rpx;border-radius: 8rpx;border: 1rpx solid ${dlCurrent.checked?'#B12D29':'transparent'};`">
<u-row justify="between"> <u-row justify="between">
<u-col span="10"> <u-col span="10">
<u-text size="28" :text="dlCurrent.item.title"></u-text> <u-text size="28" :text="dlCurrent.item.title"></u-text>
@ -43,7 +42,6 @@
size="24" margin="20rpx 0 0 0" color="#999" size="24" margin="20rpx 0 0 0" color="#999"
></u-text> ></u-text>
</view> </view>
<u-line margin="20rpx 0 0 0"></u-line>
</view> </view>
</tpx-checkitems> </tpx-checkitems>
</view> </view>
@ -142,8 +140,8 @@
position: relative; position: relative;
margin-bottom: 30rpx; margin-bottom: 30rpx;
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
background: #F6F6F6; background: #fff;
border-radius: 20rpx; border-radius: 10rpx;
border: 2rpx solid transparent; border: 2rpx solid transparent;
&.active { &.active {
border-color: $uni-color-primary; border-color: $uni-color-primary;

View File

@ -7,13 +7,12 @@
<view class="mt-20 mb-10"> <view class="mt-20 mb-10">
<tpx-tags :list="hisList" :value="value" type="single" @onItemClick="handleHisItemClick"></tpx-tags> <tpx-tags :list="hisList" :value="value" type="single" @onItemClick="handleHisItemClick"></tpx-tags>
</view> </view>
<u-line></u-line>
<view class=""> <view class="">
<tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" :value="value" v-slot="dlCurrent" min-checked="1" type="single" <tpx-checkitems :list="dataList.filter(v=> !keyword || (v.title.indexOf(keyword) > -1))" :value="value" v-slot="dlCurrent" min-checked="1" type="single"
@onChange="handleDataItemChange" @onChange="handleDataItemChange"
> >
<view slot class="mt-20"> <view slot class="mt-20" :style="`background-color: #F6F6F6;padding: 12rpx;border-radius: 8rpx;border: 1rpx solid ${dlCurrent.checked?'#B12D29':'transparent'};`">
<u-row justify="between"> <u-row justify="between">
<u-col span="10"> <u-col span="10">
<u-text size="28" :text="dlCurrent.item.title"></u-text> <u-text size="28" :text="dlCurrent.item.title"></u-text>
@ -24,7 +23,6 @@
</u-checkbox-group> </u-checkbox-group>
</view> </view>
</u-row> </u-row>
<u-line margin="20rpx 0 0 0"></u-line>
</view> </view>
</tpx-checkitems> </tpx-checkitems>
</view> </view>