Skip to content

M
mallapp
Commit 69bcbc56 authored by Mac's avatar Mac
Browse files
Options

首店详情的修改

parent d15c4af4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 415 additions and 18 deletions
pages/kotra/brand/detail.vue
View file @ 69bcbc56
...@@ -105,32 +105,41 @@ ...@@ -105,32 +105,41 @@
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png" mode="widthFix"></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-wyxq.png" mode="widthFix"></image>
</view> </view>
<view class="Listbox" > <view class="Listbox" >
<view id="kiakou" class="Listbox-item" @click="showTips('kiakou',details.ShopSize,details.IsShopSize)">
<image :src="EquityList[8].ImagePath" v-if="details.IsShopSize==1" mode="widthFix"></image>
<image :src="EquityList[8].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.IsShopSize==1?'#424242':'#D6D6D6'}">{{EquityList[8].Title}}</text>
</view>
<view class="Listbox-item" > <view class="Listbox-item" >
<image :src="EquityList[0].ImagePath" v-if="details.Plumbing==1" mode="widthFix"></image> <image :src="EquityList[0].ImagePath" v-if="details.Plumbing==1" mode="widthFix"></image>
<image :src="EquityList[0].Image_n" v-else mode="widthFix"></image> <image :src="EquityList[0].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.Plumbing==1?'#424242':'#D6D6D6'}">{{EquityList[0].Title}}</text> <text class="list-item-text" :style="{color:details.Plumbing==1?'#424242':'#D6D6D6'}">{{EquityList[0].Title}}</text>
</view> </view>
<view class="Listbox-item" >
<image :src="EquityList[7].ImagePath" v-if="details.Caliber==1" mode="widthFix"></image>
<image :src="EquityList[7].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.Caliber==1?'#424242':'#D6D6D6'}">{{EquityList[7].Title}}</text>
</view>
<view class="Listbox-item" > <view class="Listbox-item" >
<image :src="EquityList[1].ImagePath" v-if="details.Sewage==1" mode="widthFix"></image> <image :src="EquityList[1].ImagePath" v-if="details.Sewage==1" mode="widthFix"></image>
<image :src="EquityList[1].Image_n" v-else mode="widthFix"></image> <image :src="EquityList[1].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.Sewage==1?'#424242':'#D6D6D6'}">{{EquityList[1].Title}}</text> <text class="list-item-text" :style="{color:details.Sewage==1?'#424242':'#D6D6D6'}">{{EquityList[1].Title}}</text>
</view> </view>
<view class="Listbox-item" >
<!-- 燃气 -->
<view class="Listbox-item" id="ranqi" @click="showTips('ranqi',details.RanQiBZ,details.RanQi)">
<image :src="EquityList[2].ImagePath" v-if="details.RanQi==1" mode="widthFix"></image> <image :src="EquityList[2].ImagePath" v-if="details.RanQi==1" mode="widthFix"></image>
<image :src="EquityList[2].Image_n" v-else mode="widthFix"></image> <image :src="EquityList[2].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.RanQi==1?'#424242':'#D6D6D6'}">{{EquityList[2].Title}}</text> <text class="list-item-text" :style="{color:details.RanQi==1?'#424242':'#D6D6D6'}">{{EquityList[2].Title}}</text>
</view> </view>
<view class="Listbox-item" > <view class="Listbox-item" id="dianliang" @click="showTips('dianliang',details.DianLiang,details.IsDianLiang)">
<image :src="EquityList[3].ImagePath" v-if="details.DianLiang!=''" mode="widthFix"></image> <image :src="EquityList[3].ImagePath" v-if="details.IsDianLiang==1" mode="widthFix"></image>
<image :src="EquityList[3].Image_n" v-else mode="widthFix"></image> <image :src="EquityList[3].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.DianLiang!=''?'#424242':'#D6D6D6'}">{{EquityList[3].Title}}</text> <text class="list-item-text" :style="{color:details.IsDianLiang==1?'#424242':'#D6D6D6'}">{{EquityList[3].Title}}</text>
</view> </view>
<view class="Listbox-item" >
<image :src="EquityList[4].ImagePath" v-if="details.XinFeng==1" mode="widthFix"></image> <view class="Listbox-item" id="paiyan" @click="showTips('paiyan',details.PaiYanBZ,details.PaiYan)">
<image :src="EquityList[4].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.XinFeng==1?'#424242':'#D6D6D6'}">{{EquityList[4].Title}}</text>
</view>
<view class="Listbox-item" >
<image :src="EquityList[5].ImagePath" v-if="details.PaiYan==1" mode="widthFix"></image> <image :src="EquityList[5].ImagePath" v-if="details.PaiYan==1" mode="widthFix"></image>
<image :src="EquityList[5].Image_n" v-else mode="widthFix"></image> <image :src="EquityList[5].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.PaiYan==1?'#424242':'#D6D6D6'}">{{EquityList[5].Title}}</text> <text class="list-item-text" :style="{color:details.PaiYan==1?'#424242':'#D6D6D6'}">{{EquityList[5].Title}}</text>
...@@ -141,13 +150,14 @@ ...@@ -141,13 +150,14 @@
<text class="list-item-text" :style="{color:details.KongTiao==1?'#424242':'#D6D6D6'}">{{EquityList[6].Title}}</text> <text class="list-item-text" :style="{color:details.KongTiao==1?'#424242':'#D6D6D6'}">{{EquityList[6].Title}}</text>
</view> </view>
<view class="Listbox-item" > <view class="Listbox-item" >
<image :src="EquityList[7].ImagePath" v-if="details.Caliber==1" mode="widthFix"></image> <image :src="EquityList[4].ImagePath" v-if="details.XinFeng==1" mode="widthFix"></image>
<image :src="EquityList[7].Image_n" v-else mode="widthFix"></image> <image :src="EquityList[4].Image_n" v-else mode="widthFix"></image>
<text class="list-item-text" :style="{color:details.Caliber==1?'#424242':'#D6D6D6'}">{{EquityList[7].Title}}</text> <text class="list-item-text" :style="{color:details.XinFeng==1?'#424242':'#D6D6D6'}">{{EquityList[4].Title}}</text>
</view> </view>
</view> </view>
<view class="brand-title"> <view class="brand-title">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-ggxq.png" mode="widthFix"></image> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/kotra-tzxq.png" mode="widthFix"></image>
</view> </view>
<view style="margin-top: 30px;" v-if="details.Advertising!=''"> <view style="margin-top: 30px;" v-if="details.Advertising!=''">
<h-parse :content="details.Advertising" @navigate="clickDescription"></h-parse> <h-parse :content="details.Advertising" @navigate="clickDescription"></h-parse>
...@@ -168,15 +178,24 @@ ...@@ -168,15 +178,24 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
<bianmarenTooltip
:gravity="gravity"
:tooltipShow="tooltipShow"
:btns="tooltipBtns"
:eleId="eleId"
></bianmarenTooltip>
</view> </view>
</template> </template>
<script> <script>
import hParse from "@/components/u-parse/parse.vue"; import hParse from "@/components/u-parse/parse.vue";
import bianmarenTooltip from '../components/bianmaren-tooltips.vue'
let timer
export default { export default {
components: { components: {
hParse,
hParse bianmarenTooltip
}, },
data() { data() {
return { return {
...@@ -213,8 +232,14 @@ ...@@ -213,8 +232,14 @@
"Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt-n.png"}, "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kt-n.png"},
{"Title":"管径","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png", {"Title":"管径","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj.png",
"Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png"}, "Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-gj-n.png"},
{"Title":"开口尺寸","ImagePath":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc.png",
"Image_n":"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/k-brand-kkcc-n.png"},
] ],
gravity:'top',
tooltipShow:false,
tooltipBtns:["今日sad"],
eleId:"",//点击元素
} }
}, },
onLoad(options) { onLoad(options) {
...@@ -236,6 +261,26 @@ ...@@ -236,6 +261,26 @@
this.mainColor = this.$uiConfig.mainColor; this.mainColor = this.$uiConfig.mainColor;
}, },
methods: { methods: {
showTips(id,text,showis){
clearInterval(timer);
if(this.eleId== id && this.tooltipShow == true){
this.tooltipShow = false
}else{
console.log(text,showis)
if(text!=undefined && text!=null && text!='' && showis ==1 ){
this.eleId = id;
this.tooltipBtns = [text]
this.tooltipShow = true;
timer = setTimeout(()=>{
this.tooltipShow = false;
},3000)
}else{
this.tooltipShow = false;
}
}
},
clickDescription(e) { clickDescription(e) {
console.log(e); console.log(e);
}, },
...@@ -282,7 +327,8 @@ ...@@ -282,7 +327,8 @@
}, },
scroll(e) { scroll(e) {
this.boxOption = Math.floor((e.detail.scrollTop-50)/1.5); this.boxOption = Math.floor((e.detail.scrollTop-50)/1.5);
this.titleStyle.opacity=((e.detail.scrollTop-100)<0?0:Math.floor(e.detail.scrollTop-100))+"%" this.titleStyle.opacity=((e.detail.scrollTop-100)<0?0:Math.floor(e.detail.scrollTop-100))+"%";
this.tooltipShow = false
this.$forceUpdate() this.$forceUpdate()
}, },
goback() { goback() {
......
pages/kotra/components/bianmaren-tooltips.vue 0 → 100644
View file @ 69bcbc56
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment