修改文件逻辑

master
于肖磊 2024-10-16 18:08:00 +08:00
parent 0da00c506a
commit bc07456438
4 changed files with 1 additions and 82 deletions

View File

@ -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>

View File

@ -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() {

View File

@ -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>

View File

@ -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,