sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.页面优化

v1.0.0
sws 2024-10-12 10:40:21 +08:00
parent 09dadd4578
commit e85b6657c0
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/model-nav-group/model-nav-group-styles.vue
View File

@ -6,6 +6,9 @@
<el-form-item label="数据间距"> <el-form-item label="数据间距">
<slider v-model="form.space"></slider> <slider v-model="form.space"></slider>
</el-form-item> </el-form-item>
<el-form-item label="图文间距">
<slider v-model="form.title_space" :max="100"></slider>
</el-form-item>
</card-container> </card-container>
<div class="divider-line"></div> <div class="divider-line"></div>
<card-container> <card-container>
@ -42,9 +45,6 @@
<el-form-item label="标题字号"> <el-form-item label="标题字号">
<slider v-model="form.title_size" :max="100"></slider> <slider v-model="form.title_size" :max="100"></slider>
</el-form-item> </el-form-item>
<el-form-item label="标题间距">
<slider v-model="form.title_space" :max="100"></slider>
</el-form-item>
</card-container> </card-container>
</el-form> </el-form>
<div class="divider-line"></div> <div class="divider-line"></div>

13
src/components/model-tabs/model-tabs-styles.vue
View File

@ -6,10 +6,10 @@
<el-form-item label="选中装饰"> <el-form-item label="选中装饰">
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker> <mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
</el-form-item> </el-form-item>
<el-form-item label="选中文字"> <el-form-item label="选中标题">
<color-text-size-group v-model:color="form.tabs_color_checked" v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked" default-color="rgba(51,51,51,1)"></color-text-size-group> <color-text-size-group v-model:color="form.tabs_color_checked" v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked" default-color="rgba(51,51,51,1)"></color-text-size-group>
</el-form-item> </el-form-item>
<el-form-item label="未选文字"> <el-form-item label="未选标题">
<color-text-size-group v-model:color="form.tabs_color" v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size" default-color="rgba(51,51,51,1)"></color-text-size-group> <color-text-size-group v-model:color="form.tabs_color" v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size" default-color="rgba(51,51,51,1)"></color-text-size-group>
</el-form-item> </el-form-item>
<el-form-item label="选项卡间距"> <el-form-item label="选项卡间距">
@ -44,12 +44,12 @@ const props = defineProps({
}, },
isCommon: { isCommon: {
type: Boolean, type: Boolean,
default: true default: true,
} },
}); });
const state = reactive({ const state = reactive({
form: props.value form: props.value,
}); });
// 如果需要解构，确保使用toRefs // 如果需要解构，确保使用toRefs
const { form } = toRefs(state); const { form } = toRefs(state);
@ -61,5 +61,4 @@ const tabs_checked_event = (arry: string[], type: number) => {
form.value.tabs_direction = type.toString(); form.value.tabs_direction = type.toString();
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>