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

更新搜索内容显示

v1.2.0
于肖磊 2025-01-20 18:15:30 +08:00
parent 80737fa704
commit 76f3222273
9 changed files with 49 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
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

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

@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "43190615",
"name": "照相机",
"font_class": "camera",
"unicode": "e7bb",
"unicode_decimal": 59323
},
{
"icon_id": "43087330",
"name": "箭头左",

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

Binary file not shown.

9
src/components/model-search/index.vue
View File

@ -50,13 +50,13 @@
</template>
<div v-if="form.is_search_show == '1'" class="h flex align-c jc-c" :style="search_button">
<template v-if="form.search_type === 'text'">
<div :class="['ptb-3 size-12', props.isPageSettings ? 'plr-12' : 'plr-16']">{{ form.search_tips }}</div>
<div class="size-12" :style="search_button_style">{{ form.search_tips }}</div>
</template>
<template v-else-if="!isEmpty(form.search_botton_img) && form.search_botton_img.length > 0">
<image-empty v-model="form.search_botton_img[0]" class="img" :style="search_button_radius" error-img-style="width: 4rem;height: 2.8rem;" />
</template>
<template v-else>
<div :class="['ptb-3 size-12', props.isPageSettings ? 'plr-12' : 'plr-16']">
<div class="size-12" :style="search_button_style">
<el-icon :class="`iconfont ${ !isEmpty(form.search_botton_icon) ? 'icon-' + form.search_botton_icon : '' } size-14`" />
</div>
</template>
@ -67,7 +67,7 @@
</div>
</template>
<script setup lang="ts">
import { background_computer, common_styles_computer, gradient_computer, radius_computer, common_img_computer, get_math } from '@/utils';
import { background_computer, common_styles_computer, gradient_computer, radius_computer, common_img_computer, get_math, padding_computer, old_padding } from '@/utils';
import { isEmpty } from 'lodash';
const props = defineProps({
@ -127,6 +127,9 @@ const box_style = computed(() => {
});
// 搜索按钮圆角
const search_button_radius = computed(() => radius_computer(new_style.value.search_button_radius));
const search_button_style = computed(() => {
return padding_computer(new_style.value?.search_botton_padding || old_padding);
});
const search_button = computed(() => {
let style = search_button_radius.value;
const { search_botton_color_list, search_botton_direction, search_botton_background_img_style, search_botton_background_img } = new_style.value;

17
src/components/model-search/model-search-styles.vue
View File

@ -1,19 +1,13 @@
<template>
<div>
<el-form :model="form" label-width="70">
<template v-if="search_content.is_icon_show == '1'">
<template v-if="search_content.is_icon_show == '1' || search_content.is_right_icon_show == '1'">
<card-container>
<div class="mb-12">左侧图标</div>
<el-form-item label="图标">
<div class="mb-12">搜索图标</div>
<el-form-item v-if="search_content.is_icon_show == '1'" label="左侧图标">
<color-picker v-model="form.icon_color" default-color="#CCCCCC"></color-picker>
</el-form-item>
</card-container>
<div class="bg-f5 divider-line" />
</template>
<template v-if="search_content.is_right_icon_show == '1'">
<card-container>
<div class="mb-12">左侧图标</div>
<el-form-item label="图标">
<el-form-item v-if="search_content.is_right_icon_show == '1'" label="右侧图标">
<color-picker v-model="form.right_icon_color" default-color="#CCCCCC"></color-picker>
</el-form-item>
</card-container>
@ -31,6 +25,9 @@
<el-form-item label="按钮圆角">
<radius :value="form.search_button_radius"></radius>
</el-form-item>
<el-form-item v-if="content.search_type != 'img'" label="内间距">
<padding :value="form.search_botton_padding"></padding>
</el-form-item>
</card-container>
<div class="bg-f5 divider-line" />
</template>

7
src/components/page-settings/page-setting.vue
View File

@ -125,6 +125,13 @@ const default_data = {
radius_bottom_left: 16,
radius_bottom_right: 16,
},
search_botton_padding: {
padding: 0,
padding_top: 3,
padding_left: 12,
padding_right: 12,
padding_bottom: 3,
},
search_padding_left: 15,
}
}

8
src/config/const/header-nav.ts
View File

@ -80,6 +80,7 @@ interface DefaultFooterNav {
search_botton_background_img_style: string;
search_botton_background_img: uploadList[];
search_button_radius: object;
search_botton_padding: paddingStyle;
location_direction: string;
location_color_list: color_list[],
location_background_img_style: string,
@ -248,6 +249,13 @@ const defaultFooterNav: DefaultFooterNav = {
radius_bottom_left: 16,
radius_bottom_right: 16,
},
search_botton_padding: {
padding: 0,
padding_top: 3,
padding_left: 12,
padding_right: 12,
padding_bottom: 3,
},
// 搜索按钮显示样式
button_inner_color: '#fff',
search_botton_color_list: [

8
src/config/const/search.ts
View File

@ -37,6 +37,7 @@ interface defaultSearch {
search_botton_background_img_style: string;
search_botton_background_img: uploadList[];
search_button_radius: object;
search_botton_padding: paddingStyle;
search_padding_left: number;
tips_color: string;
hot_words_color: string;
@ -96,6 +97,13 @@ const defaultSearch: defaultSearch = {
radius_bottom_left: 16,
radius_bottom_right: 16,
},
search_botton_padding: {
padding: 0,
padding_top: 3,
padding_left: 16,
padding_right: 16,
padding_bottom: 3,
},
// 搜索提示颜色
tips_color: '#ccc',
// 搜索热词颜色