|
|
@@ -1,17 +1,20 @@
|
|
|
<template>
|
|
|
<uv-popup ref="popup" mode="top" :safe-area-inset-bottom="false" :offset-top="relTop" @change="handleChange">
|
|
|
<scroll-view scroll-y style="max-height: 35vh;">
|
|
|
- <view class="w-screen px-30 py-10 box-border" @touchmove.stop>
|
|
|
+ <view class="w-screen px-30 py-10 box-border ie-condition-group" @touchmove.stop>
|
|
|
<uv-checkbox-group v-if="multiple" v-model="model[config.key]" placement="column" icon-placement="right">
|
|
|
- <uv-checkbox v-for="i in list" :name="getValue(i)" :label="getLabel(i)"/>
|
|
|
+ <uv-checkbox v-for="i in list" :name="getValue(i)" :label="getLabel(i)" custom-style="padding-top: 20rpx;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ border-bottom: 0.5px solid var(--border);"/>
|
|
|
</uv-checkbox-group>
|
|
|
<uv-radio-group v-else v-model="model[config.key]" placement="column" icon-placement="right">
|
|
|
- <uv-radio v-for="i in list" :name="getValue(i)" :label="getLabel(i)"/>
|
|
|
+ <uv-radio v-for="i in list" :name="getValue(i)" :label="getLabel(i)" custom-style="padding-top: 20rpx;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ border-bottom: 0.5px solid var(--border);"/>
|
|
|
</uv-radio-group>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
- <ie-bottom-buttons left-type="primary" left="重置" :right="right" class="p-30"
|
|
|
- @left="handleReset" @right="handleConfirm"/>
|
|
|
+ <ie-bottom-buttons left-type="primary" left="重置" :right="right" @left="handleReset" @right="handleConfirm"/>
|
|
|
</uv-popup>
|
|
|
</template>
|
|
|
|
|
|
@@ -58,7 +61,8 @@ const {bottom: baseBottom} = useElementBounding(bottom)
|
|
|
const relTop = computed(() => baseBottom.value - baseTop.value - 1)
|
|
|
// #endif
|
|
|
// #ifdef MP-WEIXIN
|
|
|
-const refTop = ref(44 - 1)
|
|
|
+// TODO:小程序兼容性问题
|
|
|
+const refTop = ref(0)
|
|
|
// #endif
|
|
|
|
|
|
const handleReset = () => {
|
|
|
@@ -117,14 +121,5 @@ const getValue = (item) => config.value.keyValue ? item[config.value.keyValue] :
|
|
|
defineExpose({open, close, show, condition})
|
|
|
</script>
|
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
-::v-deep(.uv-checkbox-group),
|
|
|
-::v-deep(.uv-radio-group) {
|
|
|
- .uv-checkbox-label--right,
|
|
|
- .uv-radio-label--right {
|
|
|
- padding-top: 20rpx;
|
|
|
- padding-bottom: 20rpx;
|
|
|
- border-bottom: 0.5px solid var(--border-color);
|
|
|
- }
|
|
|
-}
|
|
|
+<style lang="scss">
|
|
|
</style>
|