<!-- pages/index/detail/index.wxml --> <view> <swiper class="index-slide" autoplay="true" circular="false"> <block wx:for="{{imglist}}" wx:key="unique"> <swiper-item> <image src="{{item}}" class="index-slide-image" mode='widthFix' /> </swiper-item> </block> </swiper> <view class='merchant-detail'> <!-- 品牌信息 --> <view class='merchant-brand' style='position:relative;z-index:9'> <view> <image src='{{data.merchantImgUrl}}' mode='aspectFill'></image> </view> <view> <text>{{data.merchantName}}</text> <text>{{data.title}}</text> </view> <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> <image class="fenxiang" src='{{share01}}' mode="widthFix"></image> </view> </view> <!-- 一个商铺 --> <!-- 多个商铺 --> <view class='merchant-shop'> <view> <view> <text>商户位置</text> </view> <view class='merchants'> <text wx:for="{{shopVoList}}" wx:key="{{index}}"> {{item.buildingName}}{{item.floorName}}--{{item.shopNumber}} </text> </view> </view> </view> <!-- 联系方式 --> <view class='merchant-phone'> <view> <text>联系商户</text> </view> <view> <view style='display:block;text-align:left;margin-right:20rpx;'> <text>{{data.merchantLinkPhone}}</text> </view> <image bindtap='phone' data-merchantLinkPhone='{{data.merchantLinkPhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> </view> </view> <!-- 商户简介 --> <view class='merchant-phones'> <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active-tab':''}}" data-current="0" bindtap="clickTab"> 优惠信息 </view> <view class="swiper-tab-item {{currentTab==1?'active-tab':''}}" data-current="1" bindtap="clickTab"> 商家简介 </view> </view> <!-- <swiper current="{{currentTab}}" duration="300" bindchange="swiperTabView"> --> <view class='swiperactive'> <!-- 商户对应的活动 --> <view wx:if="{{currentTab==0}}"> <view class='coupons clearfix'> <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" /> </view> <view class='dingdan' wx:if="{{couponList.length==0}}"> <image src="{{actUrl}}" mode="widthFix"></image> <text>请您敬请期待</text> <text>我们正在筹备一大波优惠活动</text> </view> <view class="loading" wx:if="{{loading}}"> <image src="{{loadingUrl}}" mode="widthFix"></image> {{content}} </view> <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> </view> <!-- 商户简介 --> <view wx:elif="{{currentTab==1}}"> <text wx:if="{{data.summary}}">{{data.summary}}</text> <text wx:else>{{"信息完善中,敬请期待。"}}</text> </view> </view> <!-- </swiper> --> <view class='merchant-info'> <view hidden='currentTabsIndex!=0'> <text wx:if="{{data.summary}}">{{data.summary}}</text> </view> </view> </view> <!-- 分享弹框 --> <view class='modal' wx:if="{{isshare}}" bindtap='hidemodal'> <view class='modal-content'> <view> <button class='share user-motto' data-id='{{data.id}}' data-couponId='{{data.couponId}}' data-title='{{data.title}}' id="shareBtn" open-type="share" hover-class="other-button-hover"></button> <image src='./../../../assets/images/wechat.png' mode='aspectFit'></image> <text>微信好友</text> </view> <view bindtap='showPoster'> <image src='./../../../assets/images/picture.png' mode='aspectFit'></image> <text>生成海报</text> </view> </view> </view> <!-- 分享海报 --> <view class='postermodal' wx:if="{{showpost}}" bindtap='hideposter'> <canvas canvas-id='myCanvas' class='canvas-content' style='height:{{totalHeight * canvasScale}}px;width:{{375*canvasScale}}px'> <cover-view class='save-button' bindtap='saveImage'> <cover-image src="./../../../assets/images/download.png" class="share-image"></cover-image> </cover-view> </canvas> </view> </view> </view>