| | |
| | | :key="index" |
| | | @click="clickItem(index, item.id, item.name,1)"> |
| | | <image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image> |
| | | <text :style="{'font-size': !configuration&&!configuration.listname ?'16px':((configuration.listname.fontSize||16) +'px'),color: !configuration &&!configuration.listname? '#ffffff' : configuration.listname.selType === 1 ? percentage(configuration.listname.selColor, configuration.listname.selAlpha) : '#ffffff'}">{{item.name}}</text> |
| | | <text :style="{'font-size': !configuration || !configuration.listname?'16px':((configuration.listname.fontSize||16) +'px'),color: !configuration || !configuration.listname? '#ffffff' : configuration.listname.selType === 1 ? percentage(configuration.listname.selColor, configuration.listname.selAlpha) : '#ffffff'}">{{item.name}}</text> |
| | | </view> |
| | | <view class="productCategory_list_zw"></view> |
| | | <view class="productCategory_list_zw"></view> |
| | |
| | | <view class="productPage_shop_item_img"> |
| | | <image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image> |
| | | </view> |
| | | <text :style="{'font-size': !configuration &&!configuration.listproname?'16px':((configuration.listproname.fontSize||16) +'px'),color: !configuration&&!configuration.listproname ? '#ffffff' : configuration.listproname.selType === 1 ? percentage(configuration.listproname.selColor, configuration.listproname.selAlpha) : '#ffffff',color: !configuration ? '#ffffff' : configuration.listproname.selType === 1 ? percentage(configuration.listproname.selColor, configuration.listproname.selAlpha) : '#ffffff'}">{{item.name}}</text> |
| | | <text :style="{'font-size': !configuration || !configuration.listproname ?'16px':((configuration.listproname.fontSize||16) +'px'),color: !configuration || !configuration.listproname ? '#ffffff' : configuration.listproname.selType === 1 ? percentage(configuration.listproname.selColor, configuration.listproname.selAlpha) : '#ffffff',color: !configuration ||!configuration.listproname ? '#ffffff' : configuration.listproname.selType === 1 ? percentage(configuration.listproname.selColor, configuration.listproname.selAlpha) : '#ffffff'}">{{item.name}}</text> |
| | | </view> |
| | | <view class="productPage_shop_zw"></view> |
| | | <view class="productPage_shop_zw"></view> |
| | |
| | | import search from '@/components/search.vue' |
| | | import searchShopList from '@/components/searchShopList.vue' |
| | | import { categoryList, goodsList, brandList, h5Image, logout, getByLoginNew, listForH5 } from '@/apis/index.js' |
| | | import { ANCHOR_PAGE_V3, getAnchorHomePath, normalizeAnchorPageVersion } from '@/utils/anchorHome.js' |
| | | import { matchKeyword } from '@/utils/goodsFilter.js' |
| | | import { mapState } from 'vuex' |
| | | export default { |
| | | data() { |
| | |
| | | zdj: 0, |
| | | |
| | | select: [], // 已选 |
| | | configuration: null, |
| | | bgImg: '', |
| | | topImg: '', |
| | | pkImg: '', |
| | | |
| | | title: '', |
| | | fontColor: 'rgba(255, 220, 108, 1)', |
| | | fontColorIndex: '' |
| | | fontColorIndex: '', |
| | | configuration: null |
| | | } |
| | | }, |
| | | components: { bigImg, search, searchShopList }, |
| | | onLoad() { |
| | | getByLoginNew({}) |
| | | .then(res => { |
| | | if (!res.data) { |
| | | const data = (res && res.data) || res |
| | | if (!data) { |
| | | return |
| | | } |
| | | this.configuration = JSON.parse(res.data.newParam) |
| | | const version = normalizeAnchorPageVersion(data.anchorPageVersion) |
| | | if (version === ANCHOR_PAGE_V3) { |
| | | uni.redirectTo({ url: getAnchorHomePath(version) }) |
| | | return |
| | | } |
| | | const paramStr = data.newParam |
| | | if (!paramStr) { |
| | | return |
| | | } |
| | | this.configuration = JSON.parse(paramStr) |
| | | this.fontColor = this.configuration.pull.selType === 1 ? this.percentage(this.configuration.pull.selColor, this.configuration.pull.selAlpha) : 'rgba(255, 220, 108, 1)' |
| | | if (this.configuration.bgImg.type === 0) { |
| | | this.bgImg = require('@/static/mb.png') |
| | |
| | | } else { |
| | | this.pkImg = this.configuration.pkImg.imgurl |
| | | } |
| | | console.log(this.configuration.listname) |
| | | }) |
| | | var that = this |
| | | // 监听键盘组合键 |
| | |
| | | }, |
| | | // 已选商品列表搜索品牌 |
| | | searchBrand(e, item) { |
| | | item.brandSearchList = item.brandList.filter(item => { |
| | | if (item.name.indexOf(e.detail.value) > -1) { |
| | | return item |
| | | } |
| | | }) |
| | | item.brandSearchList = item.brandList.filter(brand => matchKeyword(brand, e.detail.value)) |
| | | this.$forceUpdate() |
| | | }, |
| | | // 已选商品列表搜索型号 |
| | | searchModel(e, item) { |
| | | item.modelSearchList = item.xhData.filter(item => { |
| | | if (item.name.indexOf(e.detail.value) !== -1) { |
| | | return item |
| | | } |
| | | }) |
| | | item.modelSearchList = item.xhData.filter(goods => matchKeyword(goods, e.detail.value)) |
| | | this.$forceUpdate() |
| | | }, |
| | | // 获取搜索的标题 |