<view class="profile-page">
  <custom-nav padding-x="38">
    <view class="profile-nav">
      <text class="nav-title">个人中心</text>
    </view>
  </custom-nav>

  <view class="profile-content">
    <view class="user-section">
      <view class="avatar">
        <image src="{{userinfo.avatar}}"></image>
      </view>
      <view class="user-info">
        <view class="name-row">
          <text class="user-name">{{userinfo.nickname}}</text>
          <text class="level-badge">普通用户</text>
        </view>
        <text class="user-id">ID：{{userinfo.id}}</text>
        <text class="user-desc">{{userinfo.description}}</text>
      </view>
      <view class="user-actions">
        <view class="outline-action" bindtap="handleEdit">
          <!-- <text class="edit-icon"></text> -->
          <image src="../../static/images/my/edit.png" style="width: 24rpx;height: 24rpx;"></image>
          <text>编辑资料</text>
        </view>
        <view class="outline-action checkin" bindtap="handleCheckin">
          <image src="../../static/images/my/Signin.png" style="width: 24rpx;height: 24rpx;"></image>
          <text>签到领金币</text>
        </view>
      </view>
    </view>

    <view class="coin-card" bind:tap="handleAddCoin">
      <image src="/static/images/my/my_icon_1.png"
        style="width: 700rpx;height: 186rpx;position: absolute;left: 0;top: 0;"></image>
      <view class="coin-copy">
        <text>{{userinfo.diamond}}</text>
        <image src="/static/images/my/add.png" style="width: 40rpx;height: 40rpx;"></image>
      </view>
    </view>

    <view class="vip-card" bindtap="handleOpenVip">
      <image class="crown-icon icon-placeholder" src="/static/images/my/my_icon_2.png" mode="widthFix"></image>
      <!-- <view class="vip-left">
        <image class="crown-icon icon-placeholder" src="/static/images/my/image.png" mode="aspectFit"></image>
        <text class="vip-title">会员中心</text>
      </view>
      <text class="vip-desc">解锁更多创作权益，生成更鲨金币</text>
      <view class="vip-btn" bindtap="handleOpenVip">开通会员</view> -->
    </view>

    <view class="menu-card">
      <view wx:for="{{menus}}" wx:key="key" class="menu-item" bindtap="handleMenuTap" data-key="{{item.key}}">
        <image src="{{item.icon}}" style="width: 38rpx;height: 38rpx;"></image>
        <text class="menu-title">{{item.title}}</text>
        <text class="menu-arrow"></text>
      </view>
    </view>
  </view>
  <vip-popup visible="{{showVipPopup}}" bind:close="handleVipClose" bind:confirm="handleVipConfirm"></vip-popup>
  <checkin-popup visible="{{showCheckinPopup}}" bind:close="handleCheckinClose" bind:rule="handleCheckinRule">
  </checkin-popup>
</view>
