|
@@ -22,22 +22,31 @@
|
|
|
优质入驻企业 ▼
|
|
|
</view>
|
|
|
|
|
|
- <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
|
|
|
+ <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" v-if="!hideComps">
|
|
|
<swiper-item v-for="(item,index) of companyList" :key="item.id" style="position:relative">
|
|
|
+ <text class="tn-icon-close" @click="closeComps" style="position: absolute;right: 0px;color: red;background: #00000066;border-top-right-radius: 0;padding: 0px 2px 2px 6px;font-size: 13px;
|
|
|
+ border-bottom-left-radius: 30px;"></text>
|
|
|
<!-- <view style="position: absolute;bottom: 28px;right: 16px;color: #ffffff75;" class="swiper-item uni-bg-red">{{item.company}}</view> -->
|
|
|
<image :src="item.picUrl?item.picUrl:'../../static/bg.png'" @click="showImgs(index,companyList)" mode="aspectFill" style="width: 100%;height: 100%;"></image>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
+ <view v-if="hideComps" style="height: 200px;display: flex;align-items: center;justify-content: center;color: #2196f36e;">
|
|
|
+ <text @click="showComps()">〈恢复展示〉</text>
|
|
|
+ </view>
|
|
|
<view style="padding: 16px 0 4px 16px;font-weight: bold;">
|
|
|
优质供应 ▼
|
|
|
</view>
|
|
|
- <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" >
|
|
|
+ <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" v-if="!hideProds">
|
|
|
<swiper-item v-for="(item,index) of prodList" :key="item.id">
|
|
|
+ <text class="tn-icon-close" @click="closeProds" style="position: absolute;right: 0px;color: red;background: #00000066;border-top-right-radius: 0;padding: 0px 2px 2px 6px;font-size: 13px;border-bottom-left-radius: 30px;"></text>
|
|
|
<!-- <view style="position: absolute;bottom: 28px;right: 16px;color: #ffffff75;" class="swiper-item uni-bg-red">{{item.company}}</view> -->
|
|
|
<image :src="item.picUrl?item.picUrl:'../../static/bg.png'" @click="showImgs(index,prodList)" style="width: 100%;height: 100%;" mode="aspectFill"></image>
|
|
|
</swiper-item>
|
|
|
|
|
|
</swiper>
|
|
|
+ <view v-if="hideProds" style="height: 200px;display: flex;align-items: center;justify-content: center;color: #2196f36e;">
|
|
|
+ <text @click="showProds()">〈恢复展示〉</text>
|
|
|
+ </view>
|
|
|
<!-- <image style="width: 180px;height: 150px" src="../../static/logo.png"></image>
|
|
|
|
|
|
|
|
@@ -71,7 +80,9 @@
|
|
|
indicatorDots: true,
|
|
|
autoplay: false,
|
|
|
companyList:[],
|
|
|
- prodList:[]
|
|
|
+ prodList:[],
|
|
|
+ hideComps: false,
|
|
|
+ hideProds: false,
|
|
|
}
|
|
|
},
|
|
|
onLoad(){
|
|
@@ -84,6 +95,22 @@
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ //关闭banner1
|
|
|
+ closeComps(){
|
|
|
+ this.hideComps = true;
|
|
|
+ },
|
|
|
+ //关闭banner2
|
|
|
+ closeProds(){
|
|
|
+ this.hideProds = true;
|
|
|
+ },
|
|
|
+ //显示banner2
|
|
|
+ showProds(){
|
|
|
+ this.hideProds = false;
|
|
|
+ },
|
|
|
+ //显示banner1
|
|
|
+ showComps(){
|
|
|
+ this.hideComps = false;
|
|
|
+ },
|
|
|
fetchData(){
|
|
|
this.loadData()
|
|
|
this.loadData2()
|