<view class="content">
  <view class="border-radius padding user-info">
    <view class="top flex-justify-space-between">
      <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">基本信息</text>
      <navigator url="/pages/clientInfoEdit/clientInfoEdit?userId={{userId}}" hover-class="none">
        <view class="edit-btn flex-center">编辑信息</view>
      </navigator>
    </view>
    <view class="user-avatar flex-align-center">
      <image src="{{ userInfo.avatar_url }}"></image>
      <text style="font-size: 28rpx;">{{ userInfo.nickname }}</text>
      <text class="flex1"></text>
      <text style="font-size: 28rpx;color: #999;">{{ userInfo.update_time }}</text>
    </view>
    <view class="user-content flex-column">
      <text>姓名：{{ userInfo.realname }}</text>
      <text>性别：{{ userInfo.sex == 1 ? "男" : "女" }}</text>
      <text>生日：{{ userInfo.birthday || '-' }}</text>
      <text>手机号码：{{ userInfo.mobile || '-' }}</text>
      <text>所在地区：{{ userInfo.city || '-' }}</text>
      <view class="tags-list flex-align-center">
        <text>客户标签：</text>
        <block wx:if="{{ userInfo.tags && userInfo.tags.length > 0 }}">
          <view class="item" wx:for="{{ userInfo.tags }}" wx:key="index">
            <text>{{ item }}</text>
          </view>
        </block>
        <block wx:else>
          <text>-</text>
        </block>
      </view>
    </view>
  </view>
  <view class="border-radius padding buy-info">
    <text style="font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">会员信息</text>
    <view class="buy-content flex-column" wx:if="{{ userInfo.card_list && userInfo.card_list.length > 0 }}">
      <text class="ellipsis {{ index == 0 ? 'active' : '' }}" wx:for="{{ userInfo.card_list }}" wx:key="index">{{ item.active_time }}-{{ item.expire_time }}{{ item.card_name }}</text>
      <view class="buy-active flex-center">生效中</view>
    </view>
    <view class="no-more-data" style="padding-bottom: 28rpx;" wx:else>暂无数据~</view>
    <!-- <view class="btn-more flex-center" style="color: #666;">查看更多记录</view> -->
  </view>
  <view class="border-radius padding">
    <calendar 
      id="calendar"
      config="{{calendarConfig}}"
      bind:onSwipe="onSwipe"
      bind:takeoverTap="takeoverTap"
      bind:afterCalendarRender="afterCalendarRender"
    />
  </view>
  <view class="border-radius padding list">
    <view class="item-top flex-align-center">
      <text class="flex1">反馈记录</text>
      <!-- orderId=339 -->
      <!-- <navigator url="/pages/orderDetail/orderDetail?orderId={{orderId}}" hover-class="none">
        <view class="btn flex-center">订单</view>
      </navigator> -->
    </view>
    <view class="item flex-column" wx:for="{{ list }}" wx:for-index="idx" wx:key="index">
      <view class="user-info flex-align-center">
        <image src="{{ item.avatar_url }}"></image>
        <view class="info flex-column flex1">
          <text style="font-size: 28rpx;margin-bottom: 6rpx;">{{ item.nickname }}</text>
          <text style="font-size: 20rpx;color: #999;">{{ item.create_time }}</text>
        </view>
        <navigator url="/pages/orderDetail/orderDetail?orderId={{item.order_id}}" hover-class="none">
          <view class="btn flex-center">订单</view>
        </navigator>
        <!-- <view class="more flex-align-center flex-justify-space-between" bindtap="onEditItem">
          <text></text>
          <text></text>
          <text></text>
        </view> -->
        <!-- <view class="more">···</view> -->
      </view>
      <text style="font-size: 28rpx;color: #666;">{{ item.content }}</text>
      <view class="box">
        <view class="item-media" wx:for="{{ item.media_list }}" wx:key="index">
          <block wx:if="{{ item.type == 'video' }}">
            <!-- <video src="{{ item.url }}"></video> -->
            <!-- <text>视频播放</text> -->
            <view class="flex-center" style="font-size: 28rpx;width: 100%;height: 100%;background-color: #ccc;" data-idx="{{ idx }}" data-index="{{index}}" bindtap="previewMedia">
              <!-- 这个是视频 -->
              <image class="icon-01" src="/images/icon_01.png"></image>
              <!-- <text style="position: absolute;">这个是视频</text> -->
              <image class="img-content" data-index="{{index}}" src="{{ item.thumb }}" alt=""></image>
            </view>
          </block>
          <block wx:if="{{ item.type == 'image' }}">
            <image class="img-content" data-idx="{{ idx }}" data-index="{{index}}" src="{{ item.url }}" alt="" bindtap="previewMedia"></image>
          </block>
        </view>
        <!-- <image src="{{item}}" data-index="{{item}}" bindtap="previewImage" wx:for="{{urls}}" wx:key="index"></image> -->
      </view>
    </view>
    <view class="no-more-data" style="display: {{list.length == 0 ? 'block' : 'none'}};">暂无数据~</view>
  </view>
  <view class="no-more-data" style="display: {{list.length > 0 && list.length >= total ? 'block' : 'none'}};">已经到底啦~~</view>
</view>