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

文字显示更新

v1.0.0
于肖磊 2024-09-05 18:00:59 +08:00
parent be6a8e2d4c
commit d5af5ebbeb
5 changed files with 31 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/common/color-text-size-group/index.vue
View File

@ -4,7 +4,7 @@
<el-radio-group v-if="typeList.includes('typeface')" v-model="typeface"> <el-radio-group v-if="typeList.includes('typeface')" v-model="typeface">
<el-radio v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio> <el-radio v-for="item in font_weight" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group> </el-radio-group>
<el-form-item v-if="typeList.includes('size')" label="字号" label-width="40" class="mb-0 w word-size"> <el-form-item v-if="typeList.includes('size')" label="字号" label-width="40" class="mb-0 w form-item-child-label">
<slider v-model="size" :max="100"></slider> <slider v-model="size" :max="100"></slider>
</el-form-item> </el-form-item>
</div> </div>
@ -39,10 +39,4 @@ const font_weight = [
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.word-size {
:deep(.el-form-item__label) {
color: #999;
font-size: 1.2rem;
}
}
</style> </style>

14
src/components/model-notice/model-notice-styles.vue
View File

@ -15,10 +15,10 @@
<template v-if="!isEmpty(substance.icon_class)"> <template v-if="!isEmpty(substance.icon_class)">
<el-form-item label="左侧图标"> <el-form-item label="左侧图标">
<div class="flex-col w gap-10"> <div class="flex-col w gap-10">
<el-form-item label="大小" label-width="40" class="word-size"> <el-form-item label="大小" label-width="40" class="form-item-child-label">
<slider v-model="form.icon_size" :max="100"></slider> <slider v-model="form.icon_size" :max="100"></slider>
</el-form-item> </el-form-item>
<el-form-item label="颜色" label-width="40" class="word-size"> <el-form-item label="颜色" label-width="40" class="form-item-child-label">
<color-picker v-model="form.icon_color" default-color="#999"></color-picker> <color-picker v-model="form.icon_color" default-color="#999"></color-picker>
</el-form-item> </el-form-item>
</div> </div>
@ -27,10 +27,10 @@
<template v-else> <template v-else>
<el-form-item label="左侧图片"> <el-form-item label="左侧图片">
<div class="flex-col w gap-10"> <div class="flex-col w gap-10">
<el-form-item label="宽度" label-width="40" class="word-size"> <el-form-item label="宽度" label-width="40" class="form-item-child-label">
<slider v-model="form.title_width" :max="1000"></slider> <slider v-model="form.title_width" :max="1000"></slider>
</el-form-item> </el-form-item>
<el-form-item label="高度" label-width="40" class="word-size"> <el-form-item label="高度" label-width="40" class="form-item-child-label">
<slider v-model="form.title_height" :max="1000"></slider> <slider v-model="form.title_height" :max="1000"></slider>
</el-form-item> </el-form-item>
</div> </div>
@ -125,10 +125,4 @@ const mult_color_picker_event = (arry: color_list[], type: number) => {
flex-direction: column; flex-direction: column;
} }
} }
.word-size {
:deep(.el-form-item__label) {
color: #999;
font-size: 1.2rem;
}
}
</style> </style>

1
src/components/model-seckill/model-seckill-content.vue
View File

@ -38,7 +38,6 @@
<el-input v-model="form.button_text" placeholder="请输入按钮文字"></el-input> <el-input v-model="form.button_text" placeholder="请输入按钮文字"></el-input>
</el-form-item> </el-form-item>
</template> </template>
</template> </template>
</card-container> </card-container>
<div class="divider-line"></div> <div class="divider-line"></div>

38
src/components/model-seckill/model-seckill-styles.vue
View File

@ -50,12 +50,6 @@
</template> </template>
<card-container> <card-container>
<div class="mb-12">商品样式</div> <div class="mb-12">商品样式</div>
<el-form-item label="内容圆角">
<radius :value="form.shop_radius"></radius>
</el-form-item>
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>
<el-form-item label="商品名称"> <el-form-item label="商品名称">
<color-text-size-group v-model:color="form.shop_title_color" v-model:typeface="form.shop_title_typeface" v-model:size="form.shop_title_size" default-color="#000000"></color-text-size-group> <color-text-size-group v-model:color="form.shop_title_color" v-model:typeface="form.shop_title_typeface" v-model:size="form.shop_title_size" default-color="#000000"></color-text-size-group>
</el-form-item> </el-form-item>
@ -65,6 +59,25 @@
<el-form-item label="原价价格"> <el-form-item label="原价价格">
<color-picker v-model="form.original_price_color"></color-picker> <color-picker v-model="form.original_price_color"></color-picker>
</el-form-item> </el-form-item>
<el-form-item label="秒杀角标">
<div class="flex-col gap-10">
<el-radio-group v-model="form.seckill_subscript_location">
<el-radio v-for="item in base_list.location_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group>
<el-form-item label="文字" label-width="40" class="form-item-child-label">
<color-picker v-model="form.seckill_subscript_text_color"></color-picker>
</el-form-item>
<el-form-item label="背景" label-width="40" class="form-item-child-label">
<color-picker v-model="form.seckill_subscript_bg_color"></color-picker>
</el-form-item>
</div>
</el-form-item>
<el-form-item label="内容圆角">
<radius :value="form.shop_radius"></radius>
</el-form-item>
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>
<el-form-item label="内间距"> <el-form-item label="内间距">
<padding :value="form.shop_padding"></padding> <padding :value="form.shop_padding"></padding>
</el-form-item> </el-form-item>
@ -79,19 +92,6 @@
<slider v-model="form.content_outer_height" :max="1000"></slider> <slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item> </el-form-item>
</template> </template>
<el-form-item label="秒杀角标">
<div class="flex-col gap-10">
<el-radio-group v-model="form.seckill_subscript_location">
<el-radio v-for="item in base_list.location_list" :key="item.value" :value="item.value">{{ item.name }}</el-radio>
</el-radio-group>
<el-form-item label="文字" style="color: #333;" label-width="40">
<color-picker v-model="form.seckill_subscript_text_color"></color-picker>
</el-form-item>
<el-form-item label="背景" style="color: #333;" label-width="40">
<color-picker v-model="form.seckill_subscript_bg_color"></color-picker>
</el-form-item>
</div>
</el-form-item>
</card-container> </card-container>
<!-- 秒杀按钮 --> <!-- 秒杀按钮 -->
<template v-if="data.is_shop_show == '1'"> <template v-if="data.is_shop_show == '1'">

7
src/styles/index.scss
View File

@ -205,3 +205,10 @@ p {
--el-loading-spinner-size: 13rem; --el-loading-spinner-size: 13rem;
--el-loading-fullscreen-spinner-size: 13rem; --el-loading-fullscreen-spinner-size: 13rem;
} }
// el-form-item 子级form-item label样式调整
.form-item-child-label {
.el-form-item__label {
color: #999;
font-size: 1.2rem;
}
}