修改
This commit is contained in:
parent
c1528cea89
commit
b4c35011c7
@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="">
|
<view class="">
|
||||||
|
|
||||||
<view class="">
|
<view class="">
|
||||||
<view class="">
|
<view class="">
|
||||||
<view v-if="showtit">
|
<view v-if="showtit">
|
||||||
@ -9,14 +10,14 @@
|
|||||||
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
|
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
|
||||||
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||||
height="50.82rpx" @click='goBack'></u--image>
|
height="50.82rpx" @click='goBack'></u--image>
|
||||||
<view class="head_tit" v-if="cloudList.length>0"
|
<view class="head_tit" v-if="cloudList.length"
|
||||||
style="font-size: 40rpx;transform: skewX(-10deg);"
|
style="font-size: 40rpx;transform: skewX(-10deg);font-weight: bold;"
|
||||||
:style="{color:cloudList.length>0?'':'black'}">
|
:style="{color:cloudList.length>0?'':'black'}">
|
||||||
{{town}}里海云仓
|
{{town}}里海云仓
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="" v-if="cloudList.length>0" style="display: flex;align-items: center;">
|
<view class="" style="display: flex;align-items: center;">
|
||||||
<view class="head_r" @click="showPop=true">
|
<view class="head_r" @click="showPop=true" v-if="cloudList.length>0">
|
||||||
<u--image v-if="cloudList.length>0" :showLoading="true" src="/static/images/LHYC/QB.png"
|
<u--image v-if="cloudList.length>0" :showLoading="true" src="/static/images/LHYC/QB.png"
|
||||||
width="50.82rpx" height="50.82rpx"></u--image>
|
width="50.82rpx" height="50.82rpx"></u--image>
|
||||||
<u--image v-else :showLoading="true" src="/static/images/LHYC/QB1.png" width="50.82rpx"
|
<u--image v-else :showLoading="true" src="/static/images/LHYC/QB1.png" width="50.82rpx"
|
||||||
@ -41,7 +42,7 @@
|
|||||||
<u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
|
<u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
|
||||||
height="50.82rpx" @click='goBack'></u--image>
|
height="50.82rpx" @click='goBack'></u--image>
|
||||||
</view>
|
</view>
|
||||||
<view class="" style="font-size: 40rpx;transform: skewX(-10deg);">
|
<view class="" style="font-size: 40rpx;transform: skewX(-10deg);font-weight: 700;">
|
||||||
供销综合云市场
|
供销综合云市场
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -246,8 +247,17 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<view class="empty" style="" v-if="cloudList.length<=0">
|
<view class="empty" style="" v-if="cloudList.length<=0">
|
||||||
|
|
||||||
<view style="height: var(--status-bar-height);"></view>
|
<view style="height: var(--status-bar-height);"></view>
|
||||||
|
|
||||||
|
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx;">
|
||||||
|
|
||||||
<view class="info">
|
<view class="info">
|
||||||
@ -259,16 +269,21 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 多规格购物车 -->
|
<!-- 多规格购物车 -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
||||||
</authorize>
|
</authorize>
|
||||||
<view class="" :style="`height:${appInfo.bottom}px;background-color:white`">
|
<view class="" :style="`height:${appInfo.bottom}px;`">
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<view class="">
|
<view class="">
|
||||||
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
||||||
@ -510,7 +525,11 @@
|
|||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
let that = this
|
let that = this
|
||||||
|
// if (e.scrollTop > 0) {
|
||||||
this.showtit = !Boolean(e.scrollTop)
|
this.showtit = !Boolean(e.scrollTop)
|
||||||
|
// }
|
||||||
|
// console.log(e)
|
||||||
|
|
||||||
uni.createSelectorQuery()
|
uni.createSelectorQuery()
|
||||||
.in(this)
|
.in(this)
|
||||||
.select('.content')
|
.select('.content')
|
||||||
@ -747,7 +766,7 @@
|
|||||||
|
|
||||||
},
|
},
|
||||||
navgo(url) {
|
navgo(url) {
|
||||||
uni.navigateTo({
|
uni.redirectTo({
|
||||||
url
|
url
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -19,24 +19,39 @@
|
|||||||
<view class="">
|
<view class="">
|
||||||
<view class="">
|
<view class="">
|
||||||
<view v-if="showtit">
|
<view v-if="showtit">
|
||||||
<view :class="{'head':true,'show':showtit}" style="padding-top: var(--status-bar-height);">
|
<view :class="{'head':true,'show':showtit}"
|
||||||
|
style="padding-top: var(--status-bar-height);display: block;">
|
||||||
<view style="display: flex;align-items: center;">
|
<view style="display: flex;align-items: center;">
|
||||||
<u--image :showLoading="true" v-if="cloudList.length>0" src="/static/images/LHYC/FH.png"
|
<u--image :showLoading="true" v-if="cloudList.length>0" src="/static/images/LHYC/FH.png"
|
||||||
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
|
width="50.82rpx" height="50.82rpx" @click='goBack'></u--image>
|
||||||
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
<u--image v-else :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||||
height="50.82rpx" @click='goBack'></u--image>
|
height="50.82rpx" @click='goBack'></u--image>
|
||||||
<view class="head_tit" :style="{color:cloudList.length>0?'':'black'}">
|
<view class="head_tit" style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);"
|
||||||
{{town}}里海云仓
|
:style="{color:cloudList.length>0?'':'black'}"
|
||||||
|
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
|
||||||
|
供销综合云市场
|
||||||
</view>
|
</view>
|
||||||
<view class="sl" :class="{actsl:showSelect}" @click="showSelect=!showSelect">
|
<view class="head_tit"
|
||||||
|
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);color: #F84221;">
|
||||||
|
供销综合云商品
|
||||||
|
</view>
|
||||||
|
<view class="" @click="showPop=true">
|
||||||
|
<u--image v-if="cloudList.length>0" :showLoading="true" src="/static/images/LHYC/QB.png"
|
||||||
|
width="50.82rpx" height="50.82rpx"></u--image>
|
||||||
|
<u--image v-else :showLoading="true" src="/static/images/LHYC/QB1.png" width="50.82rpx"
|
||||||
|
height="50.82rpx"></u--image>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="sl" :class="{actsl:showSelect}" @click="showSelect=!showSelect">
|
||||||
<u--image :showLoading="true" v-if="cloudList.length>0"
|
<u--image :showLoading="true" v-if="cloudList.length>0"
|
||||||
src="/static/images/GXSC/BSL.png" width="33.29rpx" height="33.29rpx"></u--image>
|
src="/static/images/GXSC/BSL.png" width="33.29rpx" height="33.29rpx"></u--image>
|
||||||
<u--image v-else :showLoading="true" style="transform: rotate(180deg);"
|
<u--image v-else :showLoading="true" style="transform: rotate(180deg);"
|
||||||
src="/static/images/GXSC/XL.png" width="33.29rpx" height="33.29rpx"></u--image>
|
src="/static/images/GXSC/XL.png" width="33.29rpx" height="33.29rpx"></u--image>
|
||||||
|
|
||||||
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
<view class="" style="display: flex;align-items: center;">
|
|
||||||
|
<!-- <view class="" style="display: flex;align-items: center;">
|
||||||
<view style="display: flex;align-items: center;z-index: 999999;">
|
<view style="display: flex;align-items: center;z-index: 999999;">
|
||||||
<u--image :showLoading="true" v-if="cloudList.length>0"
|
<u--image :showLoading="true" v-if="cloudList.length>0"
|
||||||
src="/static/images/LHYC/DWB.png" width="50.82rpx" height="50.82rpx"></u--image>
|
src="/static/images/LHYC/DWB.png" width="50.82rpx" height="50.82rpx"></u--image>
|
||||||
@ -52,10 +67,29 @@
|
|||||||
height="50.82rpx"></u--image>
|
height="50.82rpx"></u--image>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
-->
|
||||||
|
<view class="flags1">
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="selected-list" :style="`top:${headtop}px`" :class="{actSel:showSelect}">
|
<view class="dw_cls" @click="showFn" :style="`top:${headTop1+5}px`">
|
||||||
|
<view class="dw_text">
|
||||||
|
<u--image :showLoading="true" v-if="cloudList.length>0" src="/static/images/LHYC/DWB.png"
|
||||||
|
width="50.82rpx" height="50.82rpx"></u--image>
|
||||||
|
<u--image :showLoading="true" v-else src="/static/images/LHYC/DWB1.png" width="50.82rpx"
|
||||||
|
height="50.82rpx"></u--image>
|
||||||
|
<view class="town_name" :style="{color:cloudList.length>0?'':'black'}" @click="showpick">
|
||||||
|
{{street}}
|
||||||
|
</view>
|
||||||
|
<view class="sl" :class="{actsl:showSelect}">
|
||||||
|
<u--image :showLoading="true" style="transform: rotate(180deg);"
|
||||||
|
src="/static/images/GXSC/XL.png" width="31.54rpx" height="31.54rpx"></u--image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- <view class="selected-list" :style="`top:${headtop}px`" :class="{actSel:showSelect}">
|
||||||
<div class="triangle-up"></div>
|
<div class="triangle-up"></div>
|
||||||
<view
|
<view
|
||||||
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
|
@click="navgo(`/pages/nongKe/supply_chain/supplier?type_id=10&street_id=${street_code}&townName=${street}`)">
|
||||||
@ -66,10 +100,8 @@
|
|||||||
src="/static/images/GXSC/XZ.png" width="24.53rpx" height="24.53rpx"></u--image>
|
src="/static/images/GXSC/XZ.png" width="24.53rpx" height="24.53rpx"></u--image>
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -103,6 +135,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
<view class="box" v-if="cloudList.length>0">
|
<view class="box" v-if="cloudList.length>0">
|
||||||
<view :class="act_swiper">
|
<view :class="act_swiper">
|
||||||
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swipers"
|
<swiper :autoplay="false" :active-class="activeClass" :interval="3000" class="swipers"
|
||||||
@ -286,6 +319,7 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="empty" style="" v-if="cloudList.length<=0">
|
<view class="empty" style="" v-if="cloudList.length<=0">
|
||||||
<view style="height: var(--status-bar-height);"></view>
|
<view style="height: var(--status-bar-height);"></view>
|
||||||
<view style="padding: 10rpx;">
|
<view style="padding: 10rpx;">
|
||||||
@ -306,13 +340,15 @@
|
|||||||
|
|
||||||
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse">
|
||||||
</authorize>
|
</authorize>
|
||||||
<view class="" :style="`height:${appInfo.bottom}px;background-color:white`">
|
<view class="" :style="`height:${appInfo.bottom}px;`">
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="">
|
<view class="">
|
||||||
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
<u-picker :defaultIndex="defaInd" :show="showPicker" ref="uPicker" :columns="columnData" @confirm="confirm"
|
||||||
@cancel="showPicker = false" @change="changeHandler" keyName="name"></u-picker>
|
@cancel="showPicker = false,showSelect = false" @change="changeHandler" keyName="name"></u-picker>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="" v-if="showcartpop">
|
<view class="" v-if="showcartpop">
|
||||||
<u-popup :show="showcartpop" @close="closecartpop" @open="opencartpop">
|
<u-popup :show="showcartpop" @close="closecartpop" @open="opencartpop">
|
||||||
<view class="sku">
|
<view class="sku">
|
||||||
@ -450,6 +486,7 @@
|
|||||||
act_img: "",
|
act_img: "",
|
||||||
cartTagInfo: {},
|
cartTagInfo: {},
|
||||||
isAuto: false,
|
isAuto: false,
|
||||||
|
headTop1: "",
|
||||||
actList: [{
|
actList: [{
|
||||||
tit: '综合',
|
tit: '综合',
|
||||||
act: "",
|
act: "",
|
||||||
@ -495,17 +532,20 @@
|
|||||||
.exec();
|
.exec();
|
||||||
uni.createSelectorQuery()
|
uni.createSelectorQuery()
|
||||||
.in(this)
|
.in(this)
|
||||||
.select('.cart')
|
.select('.flags1')
|
||||||
.boundingClientRect(rect => {
|
.boundingClientRect(rect => {
|
||||||
// console.log(this.cartTagInfo, 6666)
|
that.headTop1 = rect.top
|
||||||
that.cartTagInfo = rect
|
|
||||||
console.log(rect)
|
|
||||||
})
|
})
|
||||||
.exec();
|
.exec();
|
||||||
// console.log(that.headtop)
|
uni.createSelectorQuery()
|
||||||
}, 500)
|
.in(this)
|
||||||
|
.select('.cart')
|
||||||
|
.boundingClientRect(rect => {
|
||||||
|
that.cartTagInfo = rect
|
||||||
|
})
|
||||||
|
.exec();
|
||||||
|
}, 1)
|
||||||
|
|
||||||
// console.log(this.appInfo, "手机信息")
|
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.cartFn()
|
this.cartFn()
|
||||||
@ -525,7 +565,6 @@
|
|||||||
page_num: this.page_num
|
page_num: this.page_num
|
||||||
|
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
// console.log(res.data.list[0].product_id, this.goodsList[0].product_id)
|
|
||||||
if (res.data.list[0].product_id == this.goodsList[0].product_id) {
|
if (res.data.list[0].product_id == this.goodsList[0].product_id) {
|
||||||
this.status = "nomore"
|
this.status = "nomore"
|
||||||
this.flag = false
|
this.flag = false
|
||||||
@ -537,16 +576,7 @@
|
|||||||
this.goodsList = this.goodsList.concat(res.data.list)
|
this.goodsList = this.goodsList.concat(res.data.list)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
// this.getList().then(res => {
|
|
||||||
// // console.log(res)
|
|
||||||
// return
|
|
||||||
// this.goodsList = this.goodsList.concat(res.data.data)
|
|
||||||
// this.flag = false
|
|
||||||
// if (!res.data.data.length) {
|
|
||||||
// this.status = "nomore"
|
|
||||||
// this.flag = true
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
},
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
let that = this
|
let that = this
|
||||||
@ -572,9 +602,7 @@
|
|||||||
.in(this)
|
.in(this)
|
||||||
.select('.cart')
|
.select('.cart')
|
||||||
.boundingClientRect(rect => {
|
.boundingClientRect(rect => {
|
||||||
// console.log(this.cartTagInfo, 6666)
|
|
||||||
that.cartTagInfo = rect
|
that.cartTagInfo = rect
|
||||||
// console.log(rect)
|
|
||||||
})
|
})
|
||||||
.exec();
|
.exec();
|
||||||
},
|
},
|
||||||
@ -603,6 +631,7 @@
|
|||||||
|
|
||||||
confirm(e) {
|
confirm(e) {
|
||||||
this.showPicker = false
|
this.showPicker = false
|
||||||
|
this.showSelect = false
|
||||||
this.$emit('selectPlce', e)
|
this.$emit('selectPlce', e)
|
||||||
this.$emit('change', e)
|
this.$emit('change', e)
|
||||||
this.street = e.value[1].name
|
this.street = e.value[1].name
|
||||||
@ -618,6 +647,12 @@
|
|||||||
// this.storeMerchantList()
|
// this.storeMerchantList()
|
||||||
|
|
||||||
},
|
},
|
||||||
|
showFn() {
|
||||||
|
this.showSelect = true
|
||||||
|
this.showPicker = true
|
||||||
|
console.log(this.showSelect)
|
||||||
|
// console.log(545)
|
||||||
|
},
|
||||||
changeHandler(e) {
|
changeHandler(e) {
|
||||||
const {
|
const {
|
||||||
columnIndex,
|
columnIndex,
|
||||||
@ -639,10 +674,10 @@
|
|||||||
getArea({
|
getArea({
|
||||||
city_code: 510500
|
city_code: 510500
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
|
|
||||||
this.$refs.uPicker.setColumnValues(0, res.data);
|
this.$refs.uPicker.setColumnValues(0, res.data);
|
||||||
this.Street(res.data[0]['code']);
|
this.Street(res.data[0]['code']);
|
||||||
// console.log(res.data, 66666)
|
|
||||||
|
// (res.data, 66666)
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
Street(code) {
|
Street(code) {
|
||||||
@ -722,12 +757,12 @@
|
|||||||
this.isShowAuth = false;
|
this.isShowAuth = false;
|
||||||
},
|
},
|
||||||
clickSwiperFn(i) {
|
clickSwiperFn(i) {
|
||||||
// console.log(i)
|
// (i)
|
||||||
this.current = i
|
this.current = i
|
||||||
},
|
},
|
||||||
cartFn() {
|
cartFn() {
|
||||||
getCartList().then(res => {
|
getCartList().then(res => {
|
||||||
// console.log(res)
|
// (res)
|
||||||
this.totalMoney = 0
|
this.totalMoney = 0
|
||||||
this.cartList = res.data.list
|
this.cartList = res.data.list
|
||||||
this.cartList.forEach(e => {
|
this.cartList.forEach(e => {
|
||||||
@ -783,11 +818,11 @@
|
|||||||
}
|
}
|
||||||
this.getList()
|
this.getList()
|
||||||
|
|
||||||
// console.log(this.type)
|
// (this.type)
|
||||||
|
|
||||||
},
|
},
|
||||||
navgo(url) {
|
navgo(url) {
|
||||||
uni.navigateTo({
|
uni.redirectTo({
|
||||||
url
|
url
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
@ -881,9 +916,9 @@
|
|||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
test(e) {
|
test(e) {
|
||||||
// console.log(e.target.current)
|
// (e.target.current)
|
||||||
this.current = e.target.current
|
this.current = e.target.current
|
||||||
// console.log(e)
|
// (e)
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -1212,10 +1247,14 @@
|
|||||||
color: white;
|
color: white;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100vw;
|
||||||
padding: 0 20rpx;
|
|
||||||
|
// background-color: red;
|
||||||
|
// padding: 0 20rpx;
|
||||||
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
transition: .5s;
|
transition: .5s;
|
||||||
|
// padding-right: 10px;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1248,13 +1287,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.town_name {
|
.town_name {
|
||||||
margin-right: 50rpx;
|
// margin-right: 50rpx;
|
||||||
// background-color: red;
|
// background-color: red;
|
||||||
max-width: 15vw;
|
max-width: 15vw;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
font-size: 26rpx;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1555,7 +1593,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sl {
|
.sl {
|
||||||
margin-left: 20rpx;
|
|
||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
transition: 0.5s;
|
transition: 0.5s;
|
||||||
}
|
}
|
||||||
@ -1576,4 +1614,26 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center
|
align-items: center
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dw_cls {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 99;
|
||||||
|
width: 212.03rpx;
|
||||||
|
// width: 100vw;
|
||||||
|
height: 78.86rpx;
|
||||||
|
background-image: url(/static/images/LHYC/DWBG.png);
|
||||||
|
background-size: cover;
|
||||||
|
right: 0;
|
||||||
|
// top: 130rpx;
|
||||||
|
|
||||||
|
|
||||||
|
.dw_text {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
// background-color: red;
|
||||||
|
height: 78.86rpx;
|
||||||
|
justify-content: space-around;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -4,46 +4,61 @@
|
|||||||
<view class='productList' :style="viewColor">
|
<view class='productList' :style="viewColor">
|
||||||
<!-- 顶部 -->
|
<!-- 顶部 -->
|
||||||
<view class="top">
|
<view class="top">
|
||||||
<view style="height: 10px;">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
|
|
||||||
|
|
||||||
<view class="head_tit">
|
<view class="head_tit">
|
||||||
<view class="" style="display: flex;align-items: center;">
|
<view class="" style="display: flex;align-items: center;">
|
||||||
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
|
<u--image :showLoading="true" src="/static/images/LHYC/PFH.png" width="50.82rpx"
|
||||||
<view class="iconfont icon-xiangzuo" style="color: #333333;"></view>
|
height="50.82rpx" @click='backjJump'></u--image>
|
||||||
</view>
|
<view class=""
|
||||||
<view class="" style="font-size: 40rpx;font-weight: 700;transform: skewX(-10deg);">
|
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 20rpx;color: #F84221;">
|
||||||
供销综合云市场
|
供销综合云市场
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-left: 20rpx;transition: 0.3s;" @click="showSelect=!showSelect"
|
<view class=""
|
||||||
|
@click="navGoto(`/pages/nongKe/cloud_entrepot/indexa?street=${street_id}&town=${street}`)"
|
||||||
|
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 60rpx;">
|
||||||
|
供销综合云商品
|
||||||
|
</view>
|
||||||
|
<!-- <view style="margin-left: 20rpx;transition: 0.3s;" @click="showSelect=!showSelect"
|
||||||
:class="{selects:showSelect}">
|
:class="{selects:showSelect}">
|
||||||
<u--image :showLoading="true" src="/static/images/GXSC/XL.png" width="33.29rpx"
|
<u--image :showLoading="true" src="/static/images/GXSC/XL.png" width="33.29rpx"
|
||||||
height="33.29rpx"></u--image>
|
height="33.29rpx"></u--image>
|
||||||
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
<view class="">
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<!-- 搜索框 -->
|
<!-- 搜索框 -->
|
||||||
<view style="position: relative;width: 289.14rpx;" v-if="showSerch">
|
<!-- <view style="position: relative;width: 289.14rpx;" v-if="showSerch">
|
||||||
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
|
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
|
||||||
placeholder="请输入..." v-model="sotreParam.keyword" @search="onInputConfirm"
|
placeholder="请输入..." v-model="sotreParam.keyword" @search="onInputConfirm"
|
||||||
class="serch_cls"></u-search>
|
class="serch_cls"></u-search>
|
||||||
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||||
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
|
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
|
||||||
</view>
|
</view> -->
|
||||||
<!-- 位置 -->
|
<!-- 位置 -->
|
||||||
<view v-else style="display: flex;align-items: center;" @click="showPicker=!showPicker">
|
<!-- <view v-else style="display: flex;align-items: center;">
|
||||||
<u--image @tap="showSerch=!showSerch" style="margin-right: 30rpx;" :showLoading="true"
|
<u--image @tap="showSerch=!showSerch" style="margin-right: 30rpx;" :showLoading="true"
|
||||||
src="/static/images/GXSC/SS.png" width="49rpx" height="49rpx"></u--image>
|
src="/static/images/GXSC/SS.png" width="49rpx" height="49rpx"></u--image>
|
||||||
|
<u--image @click="showPicker=!showPicker" :showLoading="true" src="/static/images/GXSC/DW1.png"
|
||||||
|
width="50.82rpx" height="50.82rpx"></u--image>
|
||||||
|
<view class="town_name">{{street}}</view>
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="sswz">
|
||||||
|
<view style="position: relative;width: 501.17rpx;">
|
||||||
|
<u-search borderColor="#FF6D20" bgColor="white" @change="test" :showAction="false"
|
||||||
|
placeholder="搜索店铺或者名称" v-model="sotreParam.keyword" @search="onInputConfirm"
|
||||||
|
class="serch_cls"></u-search>
|
||||||
|
<u--image @tap="searchSubmit" class="img_cls" :showLoading="true"
|
||||||
|
src="/static/images/GXSC/SSBT.png" width="115.65rpx" height="56.82rpx"></u--image>
|
||||||
|
</view>
|
||||||
|
<view style="display: flex;align-items: center;" @click="showPicker=!showPicker">
|
||||||
<u--image :showLoading="true" src="/static/images/GXSC/DW1.png" width="50.82rpx"
|
<u--image :showLoading="true" src="/static/images/GXSC/DW1.png" width="50.82rpx"
|
||||||
height="50.82rpx"></u--image>
|
height="50.82rpx"></u--image>
|
||||||
<view class="town_name">{{street}}</view>
|
<view class="town_name">{{street}}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="selected-list" :class="{actSel:showSelect}">
|
<!-- <view class="selected-list" :class="{actSel:showSelect}">
|
||||||
<div class="triangle-up"></div>
|
<div class="triangle-up"></div>
|
||||||
<view class="selected-li">
|
<view class="selected-li">
|
||||||
供销综合云市场 <text> <u--image style="margin-left: 40rpx;" :showLoading="true"
|
供销综合云市场 <text> <u--image style="margin-left: 40rpx;" :showLoading="true"
|
||||||
@ -53,21 +68,24 @@
|
|||||||
@click="navGoto(`/pages/nongKe/cloud_entrepot/indexa?street=${street_id}&town=${street}`)">
|
@click="navGoto(`/pages/nongKe/cloud_entrepot/indexa?street=${street_id}&town=${street}`)">
|
||||||
供销综合云商品
|
供销综合云商品
|
||||||
</view>
|
</view>
|
||||||
|
</view> -->
|
||||||
|
|
||||||
|
<view class="flags">
|
||||||
|
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</view>
|
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view style="height: 10px">
|
<view class="" :style="`height:${headTop}px`">
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="hot_serch">
|
<view class="hot_serch">
|
||||||
<text>热搜:</text>
|
<!-- <text>热搜:</text>
|
||||||
<text @click="hotSerchFn('小张副食')">小张副食</text>
|
<text @click="hotSerchFn('小张副食')">小张副食</text>
|
||||||
<text @click="hotSerchFn('正新酒店')">正新酒店</text>
|
<text @click="hotSerchFn('正新酒店')">正新酒店</text>
|
||||||
<text @click="hotSerchFn('麻辣鸡')">麻辣鸡</text>
|
<text @click="hotSerchFn('麻辣鸡')">麻辣鸡</text>
|
||||||
<text @click="hotSerchFn('手撕椒麻鸡')">手撕椒麻鸡</text>
|
<text @click="hotSerchFn('手撕椒麻鸡')">手撕椒麻鸡</text> -->
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="menu_cls">
|
<view class="menu_cls">
|
||||||
@ -356,6 +374,7 @@
|
|||||||
defaInd: [0, 0],
|
defaInd: [0, 0],
|
||||||
columnData: [],
|
columnData: [],
|
||||||
showSerch: false,
|
showSerch: false,
|
||||||
|
headTop: 0,
|
||||||
imgList: [
|
imgList: [
|
||||||
"/static/images/GXSC/BBY.png",
|
"/static/images/GXSC/BBY.png",
|
||||||
"/static/images/GXSC/NYSC.png",
|
"/static/images/GXSC/NYSC.png",
|
||||||
@ -473,6 +492,19 @@
|
|||||||
this.menuList = res.data
|
this.menuList = res.data
|
||||||
})
|
})
|
||||||
this.Area()
|
this.Area()
|
||||||
|
let that = this
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.createSelectorQuery()
|
||||||
|
.in(this)
|
||||||
|
.select('.flags')
|
||||||
|
.boundingClientRect(rect => {
|
||||||
|
// console.log(this.cartTagInfo, 6666)
|
||||||
|
// that.cartTagInfo = rect
|
||||||
|
that.headTop = rect.top
|
||||||
|
console.log(that.headTop)
|
||||||
|
})
|
||||||
|
.exec();
|
||||||
|
}, 100)
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
downMenus: function() {
|
downMenus: function() {
|
||||||
@ -531,7 +563,7 @@
|
|||||||
city_code: 510500
|
city_code: 510500
|
||||||
}).then(res => {
|
}).then(res => {
|
||||||
this.$refs.uPicker.setColumnValues(0, res.data);
|
this.$refs.uPicker.setColumnValues(0, res.data);
|
||||||
// this.Street(res.data[0]['code']);
|
this.Street(res.data[0]['code']);
|
||||||
// console.log(res.data, 66666)
|
// console.log(res.data, 66666)
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -587,10 +619,10 @@
|
|||||||
},
|
},
|
||||||
|
|
||||||
test() {
|
test() {
|
||||||
if (this.sotreParam.keyword.length > 3) {
|
// if (this.sotreParam.keyword.length > 3) {
|
||||||
this.sotreParam.keyword.slice(0, 3)
|
// this.sotreParam.keyword.slice(0, 3)
|
||||||
this.sotreParam.keyword = this.sotreParam.keyword.slice(0, 3) + "..."
|
// this.sotreParam.keyword = this.sotreParam.keyword.slice(0, 3) + "..."
|
||||||
}
|
// }
|
||||||
// console.log(this.sotreParam.keyword.length)
|
// console.log(this.sotreParam.keyword.length)
|
||||||
},
|
},
|
||||||
hotSerchFn(keywords) {
|
hotSerchFn(keywords) {
|
||||||
@ -933,6 +965,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 20rpx;
|
padding: 0 20rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.productList {
|
.productList {
|
||||||
@ -941,9 +974,7 @@
|
|||||||
|
|
||||||
.top {
|
.top {
|
||||||
padding-top: var(--status-bar-height);
|
padding-top: var(--status-bar-height);
|
||||||
/* #ifdef H5 */
|
|
||||||
padding-top: 30rpx;
|
|
||||||
/* #endif */
|
|
||||||
// padding-top: 80rpx;
|
// padding-top: 80rpx;
|
||||||
background-color: #F0F2F5;
|
background-color: #F0F2F5;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -954,6 +985,7 @@
|
|||||||
|
|
||||||
.content {
|
.content {
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu_cls {
|
.menu_cls {
|
||||||
@ -1066,24 +1098,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.hot_serch {
|
.hot_serch {
|
||||||
color: #B3B3B3;
|
height: 20rpx;
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
margin-top: 40rpx;
|
|
||||||
|
|
||||||
flex-wrap: wrap;
|
|
||||||
// margin-top: 50rpx;
|
|
||||||
// padding-top: 100rpx;
|
|
||||||
padding-top: var(--status-bar-height);
|
|
||||||
// margin-top: 10px;
|
|
||||||
/* #ifdef H5 */
|
|
||||||
padding-top: 50rpx;
|
|
||||||
/* #endif */
|
|
||||||
// margin-top: 200rpx;
|
|
||||||
|
|
||||||
text {
|
|
||||||
margin: 10rpx;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.productList .search .input {
|
.productList .search .input {
|
||||||
@ -1577,4 +1592,12 @@
|
|||||||
.pop {
|
.pop {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sswz {
|
||||||
|
margin-top: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
@ -15,7 +15,8 @@
|
|||||||
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
|
<view class="back" @click='backjJump()' style="margin-right: 17rpx;">
|
||||||
<view class="iconfont icon-xiangzuo" style="color: #333333;"></view>
|
<view class="iconfont icon-xiangzuo" style="color: #333333;"></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="" style="font-size: 40rpx;">
|
<view class=""
|
||||||
|
style="font-size: 36.8rpx;font-weight: 700;transform: skewX(-10deg);margin-left: 20rpx;">
|
||||||
{{titName}}
|
{{titName}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
BIN
static/images/LHYC/DWBG.png
Normal file
BIN
static/images/LHYC/DWBG.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.6 KiB |
Loading…
x
Reference in New Issue
Block a user