修改搜索显示

v1.0.0
于肖磊 2024-10-16 14:11:03 +08:00
parent 08c109d6f2
commit 215ce036fa
6 changed files with 21 additions and 20 deletions

View File

@ -15,7 +15,7 @@
</template>
<template v-if="!isEmpty(form.hot_word_list) && form.is_hot_word_show == '1'">
<el-carousel :key="carouselKey" class="flex-1" indicator-position="none" :interval="interval_list.time" arrow="never" height="32px" direction="vertical" :autoplay="interval_list.is_roll == '1'">
<el-carousel-item v-for="(item, index) in form.hot_word_list" :key="index" class="flex align-c" :style="{ 'color': !isEmpty(new_style.hot_words_color) ? new_style.hot_words_color : item.color }">{{ item.value }}</el-carousel-item>
<el-carousel-item v-for="(item, index) in form.hot_word_list" :key="index" class="flex align-c" :style="{ 'color': !isEmpty(item.color) ? item.color : !isEmpty(new_style.hot_words_color) ? new_style.hot_words_color : '#999' }">{{ item.value }}</el-carousel-item>
</el-carousel>
</template>
<template v-else>

View File

@ -60,7 +60,7 @@
<drag :data="form.hot_word_list" @remove="remove" @on-sort="on_sort">
<template #default="scoped">
<el-input v-model="scoped.row.value" placeholder="请输入搜索热词" clearable />
<color-picker v-model="scoped.row.color" :default-color="'#000000'" @update:value="search_color_change($event, scoped.row)"></color-picker>
<color-picker v-model="scoped.row.color" @update:value="search_color_change($event, scoped.row)"></color-picker>
</template>
</drag>
<el-button class="mt-20 mb-20 w" @click="add">+</el-button>
@ -87,7 +87,7 @@ const add = () => {
form.value.hot_word_list.push({
id: get_math(),
value: '',
color: '#000000',
color: '',
});
};
const remove = (index: number) => {

View File

@ -38,9 +38,6 @@
<el-form-item v-if="search_content.is_tips_show" label="提示文字">
<color-picker v-model="form.tips_color" default-color="#CCCCCC"></color-picker>
</el-form-item>
<el-form-item label="热词文字">
<color-picker v-model="form.hot_words_color"></color-picker>
</el-form-item>
<el-form-item label="搜索框线">
<color-picker v-model="form.search_border" default-color="#fff"></color-picker>
</el-form-item>
@ -51,18 +48,19 @@
<radius :value="form.search_border_radius" @update:value="border_radius_change"></radius>
</el-form-item>
</card-container>
<template v-if="search_content.is_hot_word_show == '1'">
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">轮播设置</div>
<el-form-item label="自动轮播">
<el-switch v-model="form.is_roll" active-value="1" inactive-value="0" />
</el-form-item>
<el-form-item label="间隔时间">
<slider v-model="form.interval_time" :min="1" :max="100"></slider>
</el-form-item>
</card-container>
</template>
<div class="bg-f5 divider-line" />
<card-container>
<div class="mb-12">热词设置</div>
<el-form-item label="热词文字">
<color-picker v-model="form.hot_words_color"></color-picker>
</el-form-item>
<el-form-item label="自动轮播">
<el-switch v-model="form.is_roll" active-value="1" inactive-value="0" />
</el-form-item>
<el-form-item label="间隔时间">
<slider v-model="form.interval_time" :min="1" :max="100"></slider>
</el-form-item>
</card-container>
</el-form>
<template v-if="isShowCommon">
<div class="bg-f5 divider-line" />

View File

@ -61,6 +61,7 @@ const default_data = {
tips_color: '#ccc',
hot_words_color: '#000',
search_border: '#E4E4E4',
search_bg_color: '#fff',
search_border_radius: {
radius: 16,
radius_top_left: 16,

View File

@ -61,6 +61,7 @@ interface DefaultFooterNav {
tips_color: string;
hot_words_color: string;
search_border: string;
search_bg_color: string;
search_border_radius: object;
common_style: object;
};
@ -128,8 +129,9 @@ const defaultFooterNav: DefaultFooterNav = {
img_space: '15',
img_color: '#666',
tips_color: '#ccc',
hot_words_color: '#000',
hot_words_color: '#999',
search_border: '#E4E4E4',
search_bg_color: '#fff',
search_border_radius: {
radius: 16,
radius_top_left: 16,

View File

@ -72,7 +72,7 @@ const defaultSearch: defaultSearch = {
radius_bottom_right: 16,
},
tips_color: '#ccc',
hot_words_color: '#000',
hot_words_color: '#999',
search_border: '#fff',
search_bg_color: '#fff',
search_border_radius: {