|
|
@@ -24,6 +24,8 @@
|
|
|
|
|
|
<script setup>
|
|
|
import { ref, computed, watch, onMounted } from 'vue'
|
|
|
+import { useI18n } from 'vue-i18n'
|
|
|
+const { t } = useI18n()
|
|
|
|
|
|
const props = defineProps({
|
|
|
value: [String, Number, Array],
|
|
|
@@ -53,7 +55,7 @@ const emit = defineEmits(['update:value', 'change'])
|
|
|
* 内部状态
|
|
|
*/
|
|
|
const innerValue = ref(props.value)
|
|
|
-const innerText = ref('')
|
|
|
+const innerText = ref(t('placeholder.choose'))
|
|
|
|
|
|
/**
|
|
|
* 提取 text 列表(给 combox 用)
|
|
|
@@ -133,19 +135,22 @@ const handleComboxChange = (text) => {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- @import "@/uni.scss";
|
|
|
+@import "@/uni.scss";
|
|
|
+
|
|
|
.cwg-combox {
|
|
|
- font-size: px2rpx(16);
|
|
|
- background-color: var(--bs-secondary-bg);
|
|
|
+ font-size: px2rpx(16);
|
|
|
+ background-color: var(--bs-secondary-bg);
|
|
|
+
|
|
|
/* 穿透修改 uni-data-select 内部列表最大高度,使其可以滚动 */
|
|
|
:deep(.uni-select__selector-scroll) {
|
|
|
- max-height: px2rpx(200); /* 限制最高约 200px (约 5~6 个选项的高度) */
|
|
|
+ max-height: px2rpx(200);
|
|
|
+ /* 限制最高约 200px (约 5~6 个选项的高度) */
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.disabled-text {
|
|
|
- height: 100%;
|
|
|
+ height: px2rpx(35);
|
|
|
padding: 0 px2rpx(12);
|
|
|
border-radius: px2rpx(4);
|
|
|
line-height: 1;
|
|
|
@@ -153,7 +158,10 @@ const handleComboxChange = (text) => {
|
|
|
background: transparent;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- //justify-content: center;
|
|
|
+ //justify-content: center;
|
|
|
color: #d5d5d5;
|
|
|
+ border: 1px solid #e5e5e5;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: #f5f7fa !important;
|
|
|
}
|
|
|
</style>
|