upload project

subpackages/qr/qr-code/qr-code.wxml

@@ -0,0 +1,87 @@
+<!-- 页面根容器，设置整体样式 -->
+<view class="qr-code-container">
+  <!-- <image  class="codeBng" src="../../images/code-img.png"   mode=""/> -->
+  <!-- 自定义导航栏 -->
+  <view class="nav-bar">
+    <!-- 返回按钮 -->
+    <view class="back-btn" bindtap="navigateBack">
+      <text class="back-icon">↩</text>
+    </view>
+    <!-- 菜单按钮 -->
+    <view class="menu-btn" bindtap="showMenu">
+      <text class="menu-icon">⋯</text>
+    </view>
+  </view>
+
+  <!-- 主体内容区域 -->
+  <view class="main-content">
+  
+    <!-- 用户信息区域 -->
+    <view class="user-info">
+      <!-- 用户名显示 -->
+      <text class="username">{{username}}</text>
+      <!-- 用户ID显示 -->
+      <text class="user-id">ID: {{userId}}</text>
+      <!-- 加载状态指示器 -->
+      <view wx:if="{{isLoading}}" class="loading-indicator">
+        <text class="loading-text">Loading...</text>
+      </view>
+    </view>
+
+    <!-- 二维码容器 -->
+    <view class="qr-code-box">
+      <!-- 加载状态 -->
+      <view wx:if="{{isLoading}}" class="qr-loading">
+        <text class="loading-text">Generating QR Code...</text>
+      </view>
+      
+      <!-- 二维码图片显示 -->
+      <image 
+        wx:elif="{{qrCodeUrl}}" 
+        class="qr-code-image" 
+        src="{{qrCodeUrl}}" 
+        mode="aspectFit"
+        bindload="onQRCodeLoad"
+        binderror="onQRCodeError"
+      ></image>
+      
+      <!-- 错误状态 -->
+      <view wx:else class="qr-error">
+        <text class="error-text">QR Code unavailable</text>
+        <button class="retry-btn" bindtap="generateQRCode">Retry</button>
+      </view>
+    </view>
+
+    <!-- 刷新二维码按钮 -->
+    <view class="refresh-btn" bindtap="refreshQRCode" hover-class="btn-hover">
+      <!-- 刷新图标 -->
+      <!-- <text >🔄</text> -->
+
+      <image class="refresh-icon" src="/images/refresh.png" mode=""/>
+
+      <!-- 刷新按钮文字 -->
+      <text class="refresh-text">换一换</text>
+    </view>
+  </view>
+  <view class="action-buttons">
+      <!-- 保存二维码按钮 -->
+      <view  bindtap="saveQRCode" class="action-btn-out">
+        <!-- 下载图标 -->
+        <view class="action-btn">
+          <image class="action-icon" src="/images/download.png" mode="aspectFit"></image>
+        </view>
+        <text class="action-icon-text" >下载</text>
+      </view>
+ 
+      <!-- 扫描二维码按钮 -->
+     <view class="action-btn-out">
+      <view class="action-btn" bindtap="scanQRCode">
+        <!-- 扫描图标 -->
+        <image class="action-icon" src="/images/scan.svg" mode="aspectFit"></image>
+      </view>
+      <text class="action-icon-text" >扫一扫</text>
+
+     </view>
+
+    </view> 
+</view>