Mini-Program/pages/index/index.wxml

<view class="container">
  <image src="/images/生成鸡蛋贸易平台图片.png" style="width: 100%; height: 425rpx; margin: -280rpx auto 20rpx; display: block;"></image>
  <view class="title" style="margin-top: 60rpx;">中国最专业的鸡蛋现货交易平台</view>
  <view class="desc" style="margin: 30rpx 0; text-align: center; padding: 0 20rpx;">
    
  </view>
  
  <!-- 身份选择 -->
  <view style="text-align: center; margin-top: 30rpx; margin-bottom: 30rpx;">
    <text style="font-size: 28rpx; color: #666; display: block; margin-bottom: 15rpx;"></text>
    
    <button class="btn buyer-btn" bindtap="chooseBuyer">
      我要买蛋
    </button>
    
    <button class="btn seller-btn" bindtap="chooseSeller">
      我要卖蛋
    </button>
  </view>
  
  <!-- 未授权登录提示弹窗 -->
  <view wx:if="{{showAuthModal}}" class="modal-overlay">
    <view class="modal-container">
      <view class="modal-title">
        <text>提示</text>
      </view>
      <view class="modal-content">
        <text>您还没有授权登录</text>
      </view>
      <view class="modal-buttons">
        <button class="primary-button" bindtap="showOneKeyLogin">
          一键登录
        </button>
        <button class="cancel-button" bindtap="closeAuthModal">取消</button>
      </view>
    </view>
  </view>
  
  <!-- 一键登录弹窗 -->
  <view wx:if="{{showOneKeyLoginModal}}" class="modal-overlay">
    <view class="modal-container">
      <view class="modal-title">
        <text>授权登录</text>
      </view>
      <view class="modal-content">
        <text>请授权获取您的手机号用于登录</text>
      </view>
      <view class="modal-buttons">
        <button class="primary-button" open-type="getPhoneNumber" bind:getphonenumber="onGetPhoneNumber">
          授权获取手机号
        </button>
        <button class="cancel-button" bindtap="closeOneKeyLoginModal">取消</button>
      </view>
    </view>
  </view>
  
  <!-- 用户信息填写弹窗 -->
  <view wx:if="{{showUserInfoForm}}" class="modal-overlay">
    <view class="modal-container">
      <view class="modal-title">
        <text>完善个人信息</text>
      </view>
      
      <!-- 头像选择 -->
      <view class="avatar-section">
        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
          <image class="avatar" src="{{avatarUrl}}"></image>
        </button>
      </view>
      
      <!-- 昵称输入 -->
      <form bindsubmit="getUserName">
        <view class="form-group">
          <view class="form-label">昵称</view>
          <input placeholder="请输入昵称" type="nickname" name="nickname" maxlength="32" class="form-input"></input>
        </view>
        
        <!-- 提交按钮 -->
        <view class="form-actions">
          <button form-type="submit" class="confirm-button">确定</button>
        </view>
      </form>
      
      <!-- 取消按钮 -->
      <view class="modal-buttons">
        <button class="cancel-button" bindtap="cancelUserInfoForm">取消</button>
      </view>
    </view>
  </view>
  
  <view class="login-hint">
    已有账号？<text class="link-text" bindtap="toProfile">进入我的页面</text>
  </view>
</view>