修改搜索显示
parent
08c109d6f2
commit
215ce036fa
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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) => {
|
||||
|
|
|
|||
|
|
@ -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" />
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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: {
|
||||
|
|
|
|||
Loading…
Reference in New Issue