|
@@ -4,11 +4,11 @@
|
|
|
<scroll-view :scroll-y="true" class="scroll-view-css">
|
|
<scroll-view :scroll-y="true" class="scroll-view-css">
|
|
|
<view class="content-box">
|
|
<view class="content-box">
|
|
|
<view class="list-box box-border-box mb-80 bgc-f">
|
|
<view class="list-box box-border-box mb-80 bgc-f">
|
|
|
- <view class="item-box flex-justify-space" v-for="(item,index) in sexList" :key="index">
|
|
|
|
|
|
|
+ <view class="item-box flex-justify-space" v-for="(item,index) in sexList" :key="index" @click="setSex(index)">
|
|
|
<view class="fs-32 fc-3">
|
|
<view class="fs-32 fc-3">
|
|
|
{{item}}
|
|
{{item}}
|
|
|
</view>
|
|
</view>
|
|
|
- <uni-icons color="#57CAFF" type="checkbox-filled" size="25"></uni-icons>
|
|
|
|
|
|
|
+ <uni-icons v-show="sexId == index" color="#57CAFF" type="checkbox-filled" size="25"></uni-icons>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="but-box box-border-box">
|
|
<view class="but-box box-border-box">
|
|
@@ -32,7 +32,11 @@
|
|
|
},
|
|
},
|
|
|
onLoad(data) {},
|
|
onLoad(data) {},
|
|
|
mounted() {},
|
|
mounted() {},
|
|
|
- methods: {},
|
|
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ setSex(index) {
|
|
|
|
|
+ this.sexId = index
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
@@ -44,9 +48,13 @@
|
|
|
padding: 0 32rpx;
|
|
padding: 0 32rpx;
|
|
|
}
|
|
}
|
|
|
.item-box{
|
|
.item-box{
|
|
|
- padding: 32rpx 0;
|
|
|
|
|
|
|
+ height: 108rpx;
|
|
|
|
|
+ line-height: 108rpx;
|
|
|
border-bottom: 1rpx solid #EEEEEE;
|
|
border-bottom: 1rpx solid #EEEEEE;
|
|
|
}
|
|
}
|
|
|
|
|
+.item-box:last-child {
|
|
|
|
|
+ border: none;
|
|
|
|
|
+}
|
|
|
.but-box{
|
|
.but-box{
|
|
|
padding: 0 40rpx;
|
|
padding: 0 40rpx;
|
|
|
}
|
|
}
|