<view class="card_conter">
  <view class="card_a">
    <view class="header_box" style="background-image: url({{cardData.banner}})">
      <view class="header">
        <view class="img" catchtap="goToCard">
          <image src="{{cardMessage.card_avatar}}" />
        </view>
        <view class="name ul">
          <view class="name_a li">
            <text class="span" catchtap="goToCard">{{ cardMessage.card_name }}</text>
            <view class="name_a_right">
            <!-- catchtap="toPage" -->
              <icon class="iconfont icon-bc_like" data-url="CardCode" ></icon>
              <view class="span">{{ cardMessage.card_statistics.collection }}人收藏</view>
            </view>
          </view>
          <view class="name_b li" style="display:flex;">
            <view class="span" style="margin-right:20rpx">{{ role_name.role_name }}</view>
            <view class="span" wx:if="{{role_name.level_name && role_name.level_name != null}}">{{ role_name.level_name }}
            </view>
          </view>
        </view>
      </view>
      <view class="per_info ul">
        <view class="li" wx:if="{{cardMessage.card_mobile}}" catchtap="callMobile">
          <icon class="iconfont icon-bc_tel"></icon>
          <text class="span">{{ cardMessage.card_mobile }}</text>
        </view>
        <view class="li" wx:if="{{cardMessage.card_wechat}}">
          <icon class="iconfont icon-card_weixin1"></icon>
          <text class="span">{{ cardMessage.card_wechat }}</text>
        </view>
        <view class="li" wx:if="{{cardMessage.company}}">
          <icon class="iconfont icon-bc_locate_company"></icon>
          <text class="span">{{ cardMessage.company }}</text>
        </view>
        <view class="position li" wx:if="{{area_name}}">
          <icon class="iconfont icon-bc_locate"></icon>
          <text class="span" style="-webkit-box-orient: vertical;">{{ area_name }}</text>
        </view>
      </view>
    </view>
    <!-- <view class="sum_box ul" wx:if="{{cardMessage.card_statistics}}">
      <view class="li">
        <icon class="iconfont icon-card_eye"></icon>
        <text class="span">访问   {{ cardMessage.card_statistics.visit }}</text>
      </view>
      <view class="li">
        <icon class="iconfont icon-card_collect"></icon>
        <text class="span">收藏   {{ cardMessage.card_statistics.collection }}</text>
      </view>
      <view class="li">
        <icon class="iconfont icon-card_laud"></icon>
        <text class="span">靠谱   {{ cardMessage.card_statistics.reliable }}</text>
      </view>
    </view> -->
    <view class="user_box">
        <view class="user_photo">
          <view class="pho1" wx:for="{{cardData.member_avatar}}" wx:key='item'>
            <!-- <image src="item.avatar_image" alt=""> -->
            <image src="{{item.avatar_image}}"></image>
          </view>
          <view class='span'>{{cardMessage.card_statistics.visit}}人浏览</view>
        </view>
        <view class="user_txt">
          <view class='p'>靠谱{{cardMessage.card_statistics.reliable}}</view>
          <i class="iconfont icon-card_laud_acitve"></i>
        </view>
    </view>
    <view class="card_button">
      <button type="button" data-url="CardVisit" catchtap="toPage">
        <icon class="iconfont icon-bc_share_card sharecard"></icon>
        分享名片
      </button>
      <!-- show1 = true -->
      <button type="button" class="other" data-index="1" catchtap="ctiuShow">
        其他方式发名片
        <van-icon name="arrow-down" ></van-icon>
        <!-- <icon class="fa fa-angle-down"></icon> -->
      </button>
    </view>
    <van-popup show="{{show1}}" position="bottom" bind:close="closeOperateListPopup" z-index="101">
      <view class="list_btn">
        <button type="button" data-url="CardVisit" catchtap="toPage">名片图片</button>
        <button type="button" data-url="CardCode" catchtap="toPage">名片码</button>
        <!-- show1 = false -->
        <button type="button" class="last" data-index="2" catchtap="ctiuShow">取消</button>
      </view>
    </van-popup>
  </view>
  <view class="card_b">
    <view class="title">
      <view class="block"></view>
      <text class="span">我的</text>
    </view>
    <view class="item_box ul">
      <view class="li" data-url="Card_Action" catchtap="toPage">
        <!-- <icon class="iconfont icon-card_statis" style="color:#2ac0de"></icon> -->
        <image src="http://www.yunzmall.com/min_img/images/statistical@2x.png"></image>
        <text class="span">数据统计</text>
      </view>
      <view class="li" data-url="CardCollect" catchtap="toPage">
        <!-- <icon class="iconfont icon-collect-active" style="color:#2ac0de"></icon> -->
        <image src="http://www.yunzmall.com/min_img/images/collection@2x.png"></image>
        <text class="span">我的收藏</text>
      </view>
      <view class="li" data-url="EditCard" data-type="1" catchtap="toPage">
        <!-- <icon class="iconfont icon-balance_m" style="color:#2ac0de"></icon> -->
        <image src="http://www.yunzmall.com/min_img/images/edit@2x.png"></image>
        <text class="span">名片编辑</text>
      </view>
    </view>
  </view>
  <view class="card_c">
    <view class="title">
      <view class="block"></view>
      <text class="span">发现</text>
    </view>
    <view class="item_box ul">
      <view class="li" data-url="CardRanking" catchtap="toPage">
        <!-- <icon class="iconfont icon-card_ranking" style="color:#ffbd38"></icon> -->
        <image src="http://www.yunzmall.com/min_img/images/ranking@2x.png"></image>
        <text class="span">名片排名</text>
      </view>
      <view class="li" data-url="CardFootprint" catchtap="toPage">
        <!-- <icon class="iconfont icon-card_visitor" style="color:#ffbd38"></icon> -->
        <image src="http://www.yunzmall.com/min_img/images/record@2x.png"></image>
        <text class="span">访客足迹</text>
      </view>
    </view>
  </view>
  <view class="code-left" data-url="CardCode" catchtap="toPage">
      <view class="codeName">名片码</view>
      <i
        class="iconfont icon-shoukuanma"
      ></i>
    </view>
</view>
<shopfoot></shopfoot>