<!--component/cardModal/cardModal.wxml-->
<view>
  <view class="commodity_screen2" bindtap='closeCardModal'  style='opacity: 0.5;' hidden="{{!showCardModal}}" catchtouchmove='true'></view>
  <view class="card-modal" hidden="{{!showCardModal}}" catchtouchmove='true'>
    <view class="card-modal-content">
      <view class="modal-header">
        <image class="brand-img" src="https://xiedemo.oss-cn-shanghai.aliyuncs.com/logo_head.jpg"></image>
        <view class="brand-title">{{cardTitle}}</view>
      </view>
      <view class="card-img-wrap">
        <image class="card-img" src="{{cardUrl}}"></image>
      </view>
      <view wx:if="{{explainList.length}}">
        <block wx:for="{{explainList}}" wx:for-item="item"  wx:key="{{index}}">
          <view class="explain-text">{{item}}</view>
        </block>
      </view>
    </view>
    <view class="save-card">
      <button class="save-btn" open-type="share">分享小程序卡片</button>
      <view class="save-btn-desc">适用于发给小伙伴或聊天群</view>
    </view>
  </view>
  <view class="quick-share" bindtap="gotoPoster" hidden='{{!showCardModal}}'>
    <image class="share-image" mode="widthFix" src="/assets/imgs/7_1_0/quick-share-white.png" />
    <text class="share-text">生成朋友圈海报</text>
  </view>
</view>
<share-poster id="getPoster" bindmyevent="myEventListener" avater="{{cardUrl}}"  productDesc="{{cardTitle}}" userAvatar="https://xiedemo.oss-cn-shanghai.aliyuncs.com/logo_head.jpg" bind:showMiniCard="_showMiniCard" pagePath="{{pagePath}}" code-img="{{codeImg}}"></share-poster>


