card-mini/pages/index/index.wxml

<cu-custom id="head" isCustom="{{false}}" isBack="{{false}}" isIndex="{{true}}" bind:show="showCardHistory">
  <view slot="content">
    <view style="display: flex;align-items: center;justify-content: center;">
      <view class="text-cut">{{nameTxt}}</view>
      <text class="cuIcon-triangledownfill"></text>
    </view>
  </view>
</cu-custom>
<view class="page-box">
  <view class="top-box">
    <!-- 名片 -->
    <view class="card-container" wx:if="{{cardInfo.cardTemplateUsePhotoUrl != ''}}">
      <view class="card">
        <!-- 背景图 -->
        <image src="{{cardUrl+cardInfo.cardTemplateUsePhotoUrl}}" alt="" class="card-bgImg" mode="widthFix">
        </image>
      </view>
    </view>
    <!-- 功能区 -->
    <view class="flex flex-direction justify-center align-center bg-white" style="width:100%;margin-top: 15rpx;">
      <view class="mid">
        <view class="mid-box">
          <button open-type="share" style="width: 100%;padding:0rpx;background-color: #FFFFFF;">
            <view class="flex justify-between align-center" style="width:100%;">
              <text style="text-align:center;line-height:30rpx;height:30rpx;font-size:28rpx;color:#CCC;">01/</text>
              <image src="/images/ic_share_icon.png"></image>
            </view>
            <view class="mid-box-text  margin-top-xs">分享名片</view>
          </button>
        </view>
        <view class="mid-box" bindtap="includedCard">
          <view class="flex justify-between align-center" style="width:100%;">
            <text style="text-align:center;line-height:30rpx;height:30rpx;font-size:28rpx;color:#CCC;">02/</text>
            <image src="/images/ic_phone_icon.png"></image>
          </view>
          <view class="mid-box-text  margin-top-xs">加入卡包</view>
        </view>
        <view class="mid-box bg-yellow-yellow" bindtap="showBarCode">
          <view class="flex justify-between align-center" style="width:100%;">
            <text style="text-align:center;line-height:30rpx;height:30rpx;font-size:28rpx;">03/</text>
            <image src="/images/ic_code_icon.png"></image>
          </view>
          <view class="mid-box-text-white margin-top-xs">名片码</view>
        </view>
      </view>
      <view class="mid-btn" wx:if="{{isShowBtn}}">
        <view class="mid-btn-box" bindtap="makeCall" wx:if="{{phoneTxt.length>0}}">
          <view class="mid-btn-title">
            <image class="image" src="/images/ic_call_phone_icon.png"></image>
            <text>拨打电话</text>
          </view>
          <view style="flex:7;text-align: right;">{{phoneTxt}}</view>
        </view>
        <view class="mid-btn-box" bindtap="copyText" data-text="{{wechateTxt}}" wx:if="{{wechateTxt.length>0}}">
          <view class="mid-btn-title">
            <image class="image" src="/images/ic_wechart_icon.png"></image>
            <text>添加微信</text>
          </view>
          <view style="flex:7;text-align: right;">{{wechateTxt}}</view>
        </view>
        <view class="mid-btn-box" bindtap="copyText" data-text="{{emailTxt}}" wx:if="{{emailTxt.length>0}}">
          <view class="mid-btn-title">
            <image class="image" src="/images/ic_email_icon.png"></image>
            <text>邮箱</text>
          </view>
          <view style="flex:7;text-align: right;">{{emailTxt}}</view>
        </view>
        <view class="mid-btn-box" bindtap="copyText" data-text="{{addressTxt}}" wx:if="{{addressTxt.length>0}}">
          <view class="mid-btn-title">
            <image class="image" src="/images/ic_address_icon.png"></image>
            <text>地址</text>
          </view>
          <view style="flex:7;text-align: right;">{{addressTxt}}</view>
        </view>
      </view>
      <view class="good">
        <view class="good-avatar">
          <view class="avatar-list" wx:for="{{browUserList}}" wx:key="index" wx:for-item="user">
            <image src="{{user.creatorIcon}}" wx:if="{{user.creatorIcon}}"></image>
            <image src="/images/ic_user_default.png" wx:if="{{!user.creatorIcon}}"></image>
          </view>
        </view>
        <view class="good-click">
          <view class="view-count">
            <image src="/images/view-count.png" mode="scaleToFill"></image>
            <text class="text-center" style="padding:0rpx 15rpx;"> {{cardInfo.cardTemplateUseScansNumber >999? '999+' :
              cardInfo.cardTemplateUseScansNumber}}</text>
          </view>
          <view class="view-count-no">
            <image src="/images/share_count.png" mode="scaleToFill"></image>
            <text class="text-center" style="padding:0rpx 15rpx;">{{cardInfo.cardTemplateUseDispatchNumber>999 ?
              '999+':cardInfo.cardTemplateUseDispatchNumber}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 栏目数据 -->
  <view wx:if="{{dataList.length>0}}" style="background-color:#F7F7F7;width:100%;">
    <!-- 栏目组 -->
    <view wx:for="{{dataList}}" wx:key="index">
      <view class="flex flex-direction">
        <!-- 栏目 -->
        <view class="catelog-title" data-item="{{item}}" data-idx="{{index}}" data-userid="{{tempUserId}}"
          bindtap="showMore">
          <view class="action">
            <view class="title intro-title">
              <image src="/images/ic_column_icon.png" mode="scaleToFill" style="width:32rpx;height:32rpx;"></image>
              <text>{{item.name}}</text>
            </view>
          </view>
          <view class="action text-gray" style="color:#999999;" wx:if="{{item.mode=='2'}}">
            更多<text class="cuIcon-add"></text>
          </view>
        </view>
        <view class="column-content">
          <!-- 栏目样式用来展示音频 -->
          <view wx:if="{{item.type=='dbc15b23-a1a3-4cb6-b7fa-9b01c9416454'}}" class="flex flex-direction"
            style="width:100%;">
            <view wx:for="{{item.list}}" wx:for-index="idx" wx:key="idx" wx:for-item="it" class="column-box-row">
              <view wx:for="{{it.list}}" wx:for-index="i" wx:for-item="child" wx:key="i" bindtap="showDetail"
                data-ctype="{{item.type}}" data-cid="{{item.cId}}" data-id="{{it.uid}}">
                <!-- 文本 -->
                <view wx:if="{{child.dataType=='1' && child.displayList}}" class="align-center">
                  <view class="bg-white">
                    <view class="cu-form-group">
                      <view id="content" style="line-height:40rpx;width: 100%;">
                        <text class="cuIcon-title">
                        </text>
                        <text style="color:#333333;">{{child.value}}</text>
                      </view>
                    </view>
                  </view>
                </view>
                <!-- 音频 -->
                <view wx:if="{{child.dataType=='3' && child.displayList && child.valueList.length>0}}"
                  style="width:100%;">
                  <view class="cu-form-group">
                    <view class="flex align-center" style="width:100%;margin-left:15rpx;" wx:for="{{child.valueList}}"
                      wx:for-index="a" wx:key="a" wx:for-item="audio">
                      <image src="{{audio.isPlay? '/images/ic_pause_icon.png': '/images/ic_play_icon.png'}}"
                        mode="scaleToFill" style="width:64rpx;height:64rpx;margin-left:5rpx;" data-index="{{index}}"
                        data-i="{{i}}" data-idx="{{idx}}" data-a="{{a}}" data-item="{{audio}}" catchtap="play">
                      </image>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view wx:else>
            <view wx:for="{{item.list}}" wx:for-index="idx" wx:key="idx" wx:for-item="it" class="column-box">
              <!-- 栏目数据 -->
              <view wx:for="{{it.list}}" wx:for-index="i" wx:for-item="child" wx:key="i" bindtap="showDetail"
                class="{{child.valueList.length>0 || child.value.length>0 ? 'column-item' : ''}}"
                data-ctype="{{item.type}}" data-cid="{{item.cId}}" data-id="{{it.uid}}">
                <!-- 栏目样式1或3 -->
                <view>
                  <!-- 具体数据 -->
                  <!-- 文本 -->
                  <view wx:if="{{child.dataType=='1' && child.displayList}}" class="align-center">
                    <view class=" bg-white">
                      <view class="cu-form-group">
                        <view id="content" style="line-height:40rpx;width: 100%;">
                          <text class="{{item.type=='dda5007c-5fb7-48f2-8537-3cb8ea298242' ? 'cuIcon-title' : ''}}">
                          </text>
                          <text style="color:#333333;">{{child.value}}</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <!-- 图片 -->
                  <view wx:if="{{child.dataType=='2' && child.displayList  && child.valueList.length>0}}">
                    <!-- 九宫格 -->
                    <view wx:if="{{child.dataMode == '1'}}" class="cu-form-group">
                      <view class="grid col-3 grid-square flex-sub">
                        <view class="bg-img" wx:for="{{child.valueList}}" wx:key="d" wx:for-item="photo"
                          catchtap="viewImg" data-url="{{photo.path}}" data-values="{{child.valueList}}"
                          data-cur="{{photo.path}}">
                          <image src='{{photo.path}}' mode='aspectFill'></image>
                        </view>
                      </view>
                    </view>
                    <!-- 左右滑动 -->
                    <view wx:elif="{{child.dataMode=='2' || child.dataMode=='3'}}">
                      <swiper style="width:100%;height:400rpx;" indicator-dots="{{true}}"
                        autoplay="{{child.dataMode=='3'}}">
                        <block wx:for="{{child.valueList}}" wx:key="pIndex" wx:for-index="pIndex" wx:for-item="photo">
                          <swiper-item style="width:100%;">
                            <image style="width:100%;border-radius:5rpx;height:400rpx;" src="{{photo.path}}"
                              data-values="{{child.valueList}}" catchtap="viewImg" data-cur="{{photo.path}}"
                              mode="aspectFill">
                            </image>
                          </swiper-item>
                        </block>
                      </swiper>
                    </view>
                    <!-- 上下 -->
                    <view wx:elif="{{child.dataMode=='4'}}">
                      <block wx:for="{{child.valueList}}" wx:key="pIndex" wx:for-index="pIndex" wx:for-item="photo">
                        <image class="img-item" src="{{photo.path}}" mode="widthFix" data-values="{{child.valueList}}"
                          catchtap="viewImg" data-cur="{{photo.path}}">
                        </image>
                      </block>
                    </view>
                  </view>
                  <!-- 视频 -->
                  <view wx:if="{{child.dataType=='4' && child.displayList  && child.valueList.length>0}}"
                    style="width: 100%;">
                    <view class="cu-form-group">
                      <view class="movie-box" wx:for="{{child.valueList}}" wx:for-index="d" wx:key="d"
                        wx:for-item="video" catchtap="viewVideo" data-url="{{video.path}}">
                        <image src='{{video.imgPath}}' mode='scaleToFill' lazy-load></image>
                        <view class="play-box-arrow-flex">
                          <image src="/images/ic_video_play.png" mode="scaleToFill" style="width: 96rpx;height:96rpx;">
                          </image>
                        </view>
                      </view>
                    </view>
                  </view>
                  <!-- 音频 -->
                  <view wx:if="{{child.dataType=='3' && child.displayList  && child.valueList.length>0}}"
                    style="width:100%;">
                    <view class="cu-form-group">
                      <view class="flex align-center shadow-box" style="width:100%;" wx:for="{{child.valueList}}"
                        wx:for-index="a" wx:key="a" wx:for-item="audio">
                        <image src="/images/ic_user_default.png" mode="scaleToFill" style="width:80rpx;height:80rpx;">
                        </image>
                        <view class="play-box">
                          <view class="flex justify-between align-center" style="width:80%;">
                            <text>{{audio.curDurationStr}}</text>
                            <slider class="flex-sub" bindchange="slider4change" min="{{0}}" max="{{audio.duration}}"
                              value="{{audio.curDuration}}" backgroundColor="#cacaca" activeColor="#1296db"
                              data-index="{{index}}" data-idx="{{idx}}" data-i="{{i}}" data-item="{{audio}}"
                              data-a="{{a}}" block-size="14" block-color="#1296db" />
                            <text>{{audio.totalDurationStr}}</text>
                          </view>
                          <view class="flex justify-between" style="width:80%;">
                            <image src="/images/ic_audio_rewind.png" mode="scaleToFill" data-index="{{index}}"
                              data-idx="{{idx}}" data-a="{{a}}" data-i="{{i}}" data-item="{{audio}}" catchtap="rewind">
                            </image>
                            <image src="{{audio.isPlay ? '/images/ic_audio_playing.png':'/images/ic_audio_play.png'}}"
                              mode="scaleToFill" catchtap="play" data-index="{{index}}" data-i="{{i}}"
                              data-idx="{{idx}}" data-a="{{a}}" data-item="{{audio}}"></image>
                            <image src="/images/ic_audio_speed.png" mode="scaleToFill" catchtap="speed"
                              data-index="{{index}}" data-a="{{a}}" data-idx="{{idx}}" data-i="{{i}}"
                              data-item="{{audio}}"></image>
                          </view>
                        </view>
                      </view>
                    </view>
                  </view>
                  <!-- 地图定位 -->
                  <view wx:if="{{child.dataType=='6' && child.displayList  && child.valueList.length>0}}">
                    <view>
                      <view wx:for="{{child.valueList}}" wx:key="mindex" wx:for-index="mindex" wx:for-item="m"
                        style="width:100%;">
                        <view class="flex justify-between">
                          <view>
                          </view>
                          <view></view>
                        </view>
                        <view style="border-radius:10rpx;overflow:hidden;">
                          <map style="width:100%;height:300rpx;" longitude="{{m.longitude}}" latitude="{{m.latitude}}"
                            scale="12" enable-scroll="{{false}}" enable-zoom="{{false}}" enable-rotate="{{false}}"
                            enable-traffic="{{false}}"
                            markers="{{[{latitude:m.latitude,longitude:m.longitude}]}}"></map>
                        </view>
                      </view>
                    </view>
                  </view>
                  <!-- 文本域 -->
                  <view wx:if="{{child.dataType == '7' && child.displayList && child.value.length>0}}">
                    <view class="bg-white">
                      <view class="cu-form-group">
                        <view id="content" style="line-height:40rpx;color:#333333;text-align: justify;width: 100%;">
                          <text space="emsp" decode="true">{{child.value}}</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <!-- 单选 -->
                  <view wx:if="{{child.dataType == '8' && child.displayList && child.value.length>0}}">
                    <view class="flex" style="flex-direction:row;">
                      <view class="cu-bar bg-white">
                        <view class="action">
                          <text class="cuIcon-vipcard"></text> <text class="text-black">{{child.comment}}:</text><text
                            class="margin-left-sm">{{child.selValue}}</text>
                        </view>
                      </view>
                    </view>
                  </view>
                  <!-- 多选 -->
                  <view wx:if="{{child.dataType == '9' && child.displayList && child.value.length>0 }}">
                    <view class="cu-bar bg-white">
                      <view class="action">
                        <text class="cuIcon-vipcard"></text> <text>{{child.comment}}</text>
                      </view>
                    </view>
                    <view class="cu-capsule radius" wx:for="{{child.dictionariesList}}" wx:key="ids" wx:for-index="ids"
                      wx:for-item="ss">
                      <view wx:if="{{ss.isSel}}" class="cu-tag bg-blue radius padding-left-sm padding-right-sm">
                        {{ss.dataName}}
                      </view>
                    </view>
                  </view>
                </view>
              </view>
              <!-- 评论 收藏  点赞 -->
              <!-- collectSwitch: datas[_self.data.curIndex].configColumnCollect, //收藏开关
              commentSwitch: datas[_self.data.curIndex].configColumnComment, //评论开关
              shareSwitch: datas[_self.data.curIndex].configColumnDispatch, //转发开关
              likeSwitch: datas[_self.data.curIndex].configColumnLike, //点赞开关 -->
              <!-- <view class="func-box">
                <view class="line-gray-ssm">
                </view>
                <view class="func-items">
                  <button class="func-item" open-type="share" data-sharetype="2"
                    wx:if="{{item.shareSwitch != '1' && item.shareSwitch != '3'}}"
                    style="font-size: 28rpx;font-weight: normal;text-align: center;background-color: #ffffff;width: 0rpx;margin: 0rpx;padding: 0rpx;border-radius: 0rpx;">
                    <image src="/images/share_count.png" mode="scaleToFill"></image>
                    <text style="text-align: center;line-height:28rpx;">转发</text>
                  </button>
                  <view class="func-item" wx:if="{{item.collectSwitch != '1' && item.collectSwitch != '3'}}"
                    catchtap="doCollect">
                    <image src="/images/ic_collect_icon.png" mode="scaleToFill"></image>
                    <text>收藏</text>
                  </view>
                  <view class="func-item" wx:if="{{item.commentSwitch != '1' && item.commentSwitch != '3'}}"
                    catchtap="showComment">
                    <image src="/images/ic_comment_icon.png" mode="scaleToFill"></image>
                    <text>10</text>
                  </view>
                  <view class="func-item" wx:if="{{item.likeSwitch != '1' && item.likeSwitch != '3'}}"
                    catchtap="doLike">
                    <image src="/images/ic_unfavour.png" mode="scaleToFill"></image>
                    <text>12</text>
                  </view>
                </view>
              </view> -->
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view wx:else style="margin-top:200rpx;width:100%;">
    <van-empty description="暂无数据" />
  </view>
</view>




<!-- 创建名片 -->
<!--  -->

<view class="creat-card-box" wx:if="{{isDefault}}">
  <image src="{{defaultBtnIcon}}" bindtap="goList" wx:if="{{isBindPhone}}" mode="scaleToFill"></image>
  <view style="width: 100%;height: 100%;" wx:else>
    <image src="{{defaultBtnIcon}}" mode="scaleToFill"></image>
    <button style="opacity: 0;width: 100%;height: 100%;padding: 0rpx;margin: 0rpx;" bindgetphonenumber="getPhoneNumber"
      open-type="getPhoneNumber">
    </button>
  </view>
</view>
<!-- 名片码弹框 -->
<view class="bar-code" wx:if="{{isShowBarCode}}" bindtap="hideBarCode">
  <view class="bar-code-tr" animation="{{animationData}}">
    <view class="content">
      <view class="code-title">十而百智慧名片</view>
      <image src="{{cardUrl}}{{cardInfo.cardTemplateUseBarcode}}"></image>
      <view class="code-txt">
        一份信心,一份努力,一份成功;十分信心,十分努力,十分成功.
      </view>
    </view>
  </view>
</view>
<!-- 选择展示的名片 -->
<van-action-sheet show="{{ isShowCard }}" title="卡包" bind:close="onHide" style="padding-bottom:180rpx;">
  <view class="flex flex-direction align-center">
    <scroll-view style="height:480rpx;max-height:480rpx;align-items:center;" scroll-y>
      <!-- 我的 -->
      <view style="width:100%;flex-direction:center;" class="flex align-center" bindtap="changeCard" data-type="1">
        <view class="flex align-center justify-center bg-yellow-yellow"
          style="width:100%;height:160rpx;border-radius:10rpx;margin:15rpx 15rpx 0rpx 15rpx;">
          <text style="font-size:32rpx;color:#FFFFFF;">我的</text>
        </view>
      </view>
      <!-- 浏览历史 -->
      <view wx:for="{{otherCardList}}" wx:key="index" wx:for-item="item" class="cu-list menu-avatar solid"
        style="margin: 15rpx;" data-item="{{item}}" bindtap="changeCard" data-type="3">
        <view class="cu-item bg-yellow-yellow" style="width:100%;height:160rpx;border-radius:10rpx;">
          <view class="cu-avatar radius xl round bg-yellow-light-2" style="left:15rpx;">
            <text style="font-size:14px;">{{item.name}}</text>
          </view>
          <view class="content" style="width:100%;left: 160rpx;">
            <view class="text-depblack">
              <text class="text-cut text-white">电话:{{item.phone}}</text>
            </view>
            <view class="text-gray text-sm flex">
              <text class="text-cut text-white">公司:{{item.department}}</text>
            </view>
            <view class="text-gray text-sm flex">
              <text class="text-cut text-white">地址:{{item.address}}</text>
            </view>
          </view>
        </view>
      </view>
    </scroll-view>
  </view>
</van-action-sheet>

<!-- 选择展示的名片 -->
<van-action-sheet show="{{ isShowPhone }}" title="授权" bind:close="onHide" style="padding-bottom:180rpx;">
  <view class="flex flex-direction align-center">
    <text>
      创建名片需要绑定您的手机号,请授权
    </text>
    <button class="cu-btn bg-blue" style="width:100%" open-type="getPhoneNumber"
      bindgetphonenumber="getPhoneNumber">授权</button>
  </view>
</van-action-sheet>
<!-- 显示评论弹窗 -->
<van-action-sheet show="{{ isShowComment }}" title="评论" bind:close="onCloseDialog" style="padding-bottom:180rpx;">
  <view>
    <view>
      <textarea placeholder="请输入内容"></textarea>
      <view>图片或视频</view>
    </view>
    <view>
      发布
    </view>
  </view>
  <view>
    <text class="cuIcon-pic"></text>
    <text class="cuIcon-record"></text>
  </view>
</van-action-sheet>

<van-popup show="{{ isShowPoster }}" bind:close="onClose"
  custom-style="background-color:transparent;height:100%;width:100%;" round>
  <view bindtap="onClose"
    style="width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 80rpx;">
    <image src="{{posterImg}}" mode="widthFix" style="width: 80%;max-height: 70%;border-radius: 10rpx;"></image>
    <view style="margin-top: 15rpx;">
      <text class="cuIcon-close" style="font-size: 40rpx;color: #FFFFFF;"></text>
    </view>
  </view>
</van-popup>