修改文件逻辑
parent
0da00c506a
commit
bc07456438
|
|
@ -5,7 +5,7 @@
|
|||
<iconfont name="icon-location" :size="propIconLocationSize" propClass="lh" :color="propIconLocationColor || propBaseColor"></iconfont>
|
||||
</view>
|
||||
<view class="va-m dis-inline-block margin-left-xs text-size-md single-text text" :style="'max-width:' + propTextMaxWidth + ';color:' + (propTextColor || propBaseColor) + ';'">{{ location.text || '' }}</view>
|
||||
<view class="va-m lh dis-inline-block margin-left-xs">
|
||||
<view v-if="propIsIconArrow" class="va-m lh dis-inline-block margin-left-xs">
|
||||
<iconfont name="icon-arrow-bottom" :size="propIconArrowSize" propClass="lh-xs" :color="propIconArrowColor || propBaseColor"></iconfont>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -72,7 +72,6 @@
|
|||
const app = getApp();
|
||||
import componentDiySearch from '@/components/diy/search';
|
||||
import imageEmpty from '@/components/diy/modules/image-empty';
|
||||
import hotWordList from '@/components/diy/modules/hot-word-list';
|
||||
import componentChoiceLocation from '@/components/choice-location/choice-location';
|
||||
import { isEmpty, background_computer, gradient_computer } from '@/common/js/common/common.js';
|
||||
// 状态栏高度
|
||||
|
|
@ -98,7 +97,6 @@
|
|||
components: {
|
||||
componentDiySearch,
|
||||
imageEmpty,
|
||||
hotWordList,
|
||||
componentChoiceLocation,
|
||||
},
|
||||
data() {
|
||||
|
|
|
|||
|
|
@ -1,75 +0,0 @@
|
|||
<template>
|
||||
<view class="search-hot-location flex-col align-c jc-c">
|
||||
<view v-if="propValue.length > 0" class="search-hot flex-row align-c gap-10 bg-white flex-wrap box-shadow-md">
|
||||
<view v-for="(item, index) in propValue" :key="index" class="text-size-md" :style="{ color: !isEmpty(prophotWordsColor) ? prophotWordsColor : item.color }" :data-value="item.value" @tap.stop="url_event">{{ item.value }}</view>
|
||||
</view>
|
||||
<view class="flex-col align-c">
|
||||
<view class="icon-top" />
|
||||
<iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" propContainerDisplay="flex" @tap="search_hot_close"></iconfont>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const app = getApp();
|
||||
import { isEmpty} from '@/common/js/common/common.js';
|
||||
export default {
|
||||
props: {
|
||||
propValue: {
|
||||
type: Array,
|
||||
default: () => {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
prophotWordsColor: {
|
||||
type: String,
|
||||
default: () => {
|
||||
return '';
|
||||
},
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
methods: {
|
||||
isEmpty,
|
||||
search_hot_close() {
|
||||
this.$emit('search_hot_close');
|
||||
},
|
||||
url_event(e) {
|
||||
if (!isEmpty(e.currentTarget.dataset.value)) {
|
||||
this.$emit('search_hot_close');
|
||||
app.globalData.url_open('/pages/goods-search/goods-search?keywords=' + e.currentTarget.dataset.value);
|
||||
}
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.search-hot {
|
||||
width: 100%;
|
||||
padding: 20rpx;
|
||||
min-height: 20rpx;
|
||||
transition: all 1s;
|
||||
}
|
||||
.search-hot-location {
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
// 阴影
|
||||
.box-shadow-md {
|
||||
box-shadow: 0 16rpx 32rpx -16rpx rgba(50, 55, 58, 0.1);
|
||||
}
|
||||
.icon-top {
|
||||
width: 4rpx;
|
||||
height: 20rpx;
|
||||
background: #666;
|
||||
position: relative;
|
||||
bottom: -1px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -47,11 +47,7 @@
|
|||
<script>
|
||||
const app = getApp();
|
||||
import { background_computer, common_styles_computer, common_img_computer, gradient_computer, radius_computer, isEmpty } from '@/common/js/common/common.js';
|
||||
import hotWordList from '@/components/diy/modules/hot-word-list';
|
||||
export default {
|
||||
components: {
|
||||
hotWordList,
|
||||
},
|
||||
props: {
|
||||
propValue: {
|
||||
type: Object,
|
||||
|
|
|
|||
Loading…
Reference in New Issue