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

修改icon和位置

v1.1.0
于肖磊 2024-11-12 14:37:20 +08:00
parent 8fb34028c9
commit 08f6831767
10 changed files with 74 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/icons/iconfont.css
View File

File diff suppressed because one or more lines are too long

2
src/assets/icons/iconfont.js
View File

File diff suppressed because one or more lines are too long

11
src/assets/icons/iconfont.json
View File

@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "42424398",
"name": "小圆背景右箭头",
"font_class": "arrow-right-bg-radius",
"unicode": "e7ab",
"unicode_decimal": 59307
},
{
"icon_id": "42423537",
"name": "边距",
@ -42,8 +49,8 @@
},
{
"icon_id": "42184242",
"name": "消息样式一",
"font_class": "xiaoxiyangshiyi",
"name": "客服",
"font_class": "chat",
"unicode": "e7a6",
"unicode_decimal": 59302
},

BIN
src/assets/icons/iconfont.ttf
View File

Binary file not shown.

12
src/components/base/margin/index.vue
View File

@ -8,7 +8,7 @@
</div>
</el-tooltip>
</div>
<div class="type-icon-animation flex-row flex-wrap gap-x-20 oh" :style="`${ icon_data.name == 'margin' ? 'margin-top:20px;height: 100%;transform: scale(1);' : 'height:0px;transform: scale(0);margin-top:0px;'}`">
<div class="type-icon-animation flex-row flex-wrap gap-x-20 oh" :style="`${ icon_data.name == 'alone' ? 'margin-top:20px;height: 100%;transform: scale(1);' : 'height:0px;transform: scale(0);margin-top:0px;'}`">
<div class="flex-width-half pr-10">
<input-number v-model="form.margin_top" :max="200" icon-name="enter-t" @update:model-value="pt_event"></input-number>
</div>
@ -74,19 +74,19 @@ onBeforeMount(() => {
// 判断是否相等，如果不相等，就展开
const flag = areAllEqual(form.value.margin_top, form.value.margin_bottom, form.value.margin_left, form.value.margin_right);
if (!flag) {
icon_event('unified');
icon_event('margin');
}
});
const icon_data = reactive({
name: 'unified',
name: 'margin',
title: '统一'
});
const icon_event = (name: string) => {
if (name == 'unified') {
icon_data.name = 'margin';
if (name == 'margin') {
icon_data.name = 'alone';
icon_data.title = '独个';
} else {
icon_data.name = 'unified';
icon_data.name = 'margin';
icon_data.title = '统一';
}
}

12
src/components/base/padding/index.vue
View File

@ -8,7 +8,7 @@
</div>
</el-tooltip>
</div>
<div class="type-icon-animation flex-row flex-wrap gap-x-20 oh" :style="`${ icon_data.name == 'margin' ? 'margin-top:20px;height: 100%;transform: scale(1);' : 'height:0px;transform: scale(0);margin-top:0px;'}`">
<div class="type-icon-animation flex-row flex-wrap gap-x-20 oh" :style="`${ icon_data.name == 'alone' ? 'margin-top:20px;height: 100%;transform: scale(1);' : 'height:0px;transform: scale(0);margin-top:0px;'}`">
<div class="flex-width-half pr-10">
<input-number v-model="form.padding_top" :max="200" icon-name="enter-t" @update:model-value="pt_event"></input-number>
</div>
@ -74,19 +74,19 @@ onBeforeMount(() => {
// 判断是否相等，如果不相等，就展开
const flag = areAllEqual(form.value.padding_top, form.value.padding_bottom, form.value.padding_left, form.value.padding_right);
if (!flag) {
icon_event('unified');
icon_event('margin');
}
});
const icon_data = reactive({
name: 'unified',
name: 'margin',
title: '统一'
});
const icon_event = (name: string) => {
if (name == 'unified') {
icon_data.name = 'margin';
if (name == 'margin') {
icon_data.name = 'alone';
icon_data.title = '独个';
} else {
icon_data.name = 'unified';
icon_data.name = 'margin';
icon_data.title = '统一';
}
}

26
src/components/model-article-list/model-article-list-styles.vue
View File

@ -30,14 +30,6 @@
<el-form-item label="浏览量">
<color-text-size-group v-model:color="form.page_view_color" v-model:typeface="form.page_view_weight" v-model:size="form.page_view_size"></color-text-size-group>
</el-form-item>
<el-form-item label="内容圆角">
<radius :value="form.content_radius"></radius>
</el-form-item>
<template v-if="theme != '3'">
<el-form-item label="图片圆角">
<radius :value="form.img_radius"></radius>
</el-form-item>
</template>
<el-form-item label="内间距">
<padding :value="form.padding"></padding>
</el-form-item>
@ -51,6 +43,19 @@
<slider v-model="form.article_spacing"></slider>
</el-form-item>
</template>
<el-form-item label="内容圆角">
<radius :value="form.content_radius"></radius>
</el-form-item>
<template v-if="theme == '4'">
<el-form-item label="内容高度">
<slider v-model="form.article_height" :max="1000"></slider>
</el-form-item>
</template>
<template v-if="theme != '3'">
<el-form-item label="图片圆角">
<radius :value="form.img_radius"></radius>
</el-form-item>
</template>
<template v-if="!['3', '4'].includes(theme)">
<el-form-item v-if="['0'].includes(theme)" label="图片宽度">
<slider v-model="form.content_img_width" :max="1000"></slider>
@ -59,11 +64,6 @@
<slider v-model="form.content_img_height" :max="1000"></slider>
</el-form-item>
</template>
<template v-if="theme == '4'">
<el-form-item label="内容高度">
<slider v-model="form.article_height" :max="1000"></slider>
</el-form-item>
</template>
</card-container>
<template v-if="theme == '4'">
<div class="divider-line"></div>

26
src/components/model-article-tabs/model-article-tabs-styles.vue
View File

@ -56,14 +56,6 @@
<el-form-item label="浏览量">
<color-text-size-group v-model:color="form.page_view_color" v-model:typeface="form.page_view_weight" v-model:size="form.page_view_size"></color-text-size-group>
</el-form-item>
<el-form-item label="内容圆角">
<radius :value="form.content_radius"></radius>
</el-form-item>
<template v-if="theme != '3'">
<el-form-item label="图片圆角">
<radius :value="form.img_radius"></radius>
</el-form-item>
</template>
<el-form-item label="内间距">
<padding :value="form.padding"></padding>
</el-form-item>
@ -77,6 +69,19 @@
<slider v-model="form.article_spacing"></slider>
</el-form-item>
</template>
<el-form-item label="内容圆角">
<radius :value="form.content_radius"></radius>
</el-form-item>
<template v-if="theme == '4'">
<el-form-item label="内容高度">
<slider v-model="form.article_height" :max="1000"></slider>
</el-form-item>
</template>
<template v-if="theme != '3'">
<el-form-item label="图片圆角">
<radius :value="form.img_radius"></radius>
</el-form-item>
</template>
<template v-if="!['3', '4'].includes(theme)">
<el-form-item v-if="['0'].includes(theme)" label="图片宽度">
<slider v-model="form.content_img_width" :max="1000"></slider>
@ -85,11 +90,6 @@
<slider v-model="form.content_img_height" :max="1000"></slider>
</el-form-item>
</template>
<template v-if="theme == '4'">
<el-form-item label="内容高度">
<slider v-model="form.article_height" :max="1000"></slider>
</el-form-item>
</template>
</card-container>
<template v-if="theme == '4'">
<div class="divider-line"></div>

18
src/components/model-goods-list/model-goods-list-styles.vue
View File

@ -38,15 +38,7 @@
<el-form-item label="评分颜色">
<color-picker v-model="form.shop_score_color" default-color="#000000"></color-picker>
</el-form-item> -->
<el-form-item label="内容圆角">
<radius :value="form.shop_radius"></radius>
</el-form-item>
<template v-if="theme != '6'">
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
<el-form-item label="内间距">
<padding :value="form.shop_padding"></padding>
</el-form-item>
@ -56,6 +48,16 @@
<el-form-item label="商品间距">
<slider v-model="form.content_outer_spacing" :max="100"></slider>
</el-form-item>
</template>
<el-form-item label="内容圆角">
<radius :value="form.shop_radius"></radius>
</el-form-item>
<template v-if="theme != '6'">
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>

18
src/components/model-goods-tabs/model-goods-tabs-styles.vue
View File

@ -51,15 +51,7 @@
<color-text-size-group v-model:color="form.shop_sold_number_color" v-model:typeface="form.shop_sold_number_typeface" v-model:size="form.shop_sold_number_size" slider-name="大小" default-color="#000000"></color-text-size-group>
</el-form-item>
</template>
<el-form-item label="内容圆角">
<radius :value="form.shop_radius"></radius>
</el-form-item>
<template v-if="theme != '6'">
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
<el-form-item label="内间距">
<padding :value="form.shop_padding"></padding>
</el-form-item>
@ -69,6 +61,16 @@
<el-form-item label="商品间距">
<slider v-model="form.content_outer_spacing" :max="100"></slider>
</el-form-item>
</template>
<el-form-item label="内容圆角">
<radius :value="form.shop_radius"></radius>
</el-form-item>
<template v-if="theme != '6'">
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>