修改功能

profile-services.html

@@ -34,14 +34,11 @@
     <main>
       <section class="module-hero">
         <div class="container">
-          <div class="module-kicker">Services</div>
+          <div class="module-kicker">帮助与服务</div>
           <div class="module-title-row">
             <div>
               <h1>帮助与服务</h1>
-              <p>
-                整合 APP
-                “我的”页中的应用推广、意见反馈、安全设置、帮助中心和应用分享。
-              </p>
+              <p>集中处理推广收益、意见反馈、账号安全、帮助说明和会员服务。</p>
             </div>
             <a class="btn primary magnetic" href="profile-feedback.html" data-feature-link="available"
               >提交反馈</a
@@ -63,16 +60,15 @@
             <section class="module-panel">
               <h2>常用服务</h2>
               <div class="module-grid">
-                <div class="module-card is-unavailable" aria-disabled="true">
+                <a class="module-card tilt-card" href="profile-earnings.html" data-feature-link="available">
                   <span class="icon">享</span>
                   <h3>应用分享与收益</h3>
-                  <p>分享奖励、推广收益与提现服务正在开发中，当前不提供不可用的跳转入口。</p>
-                  <span class="pill">即将开放</span>
-                </div>
+                  <p>查看推广收益、可用余额、流水和提现记录。</p>
+                </a>
                 <div class="module-card is-unavailable" aria-disabled="true">
                   <span class="icon">荐</span>
                   <h3>个性化推荐</h3>
-                  <p>当前 PC 接口未提供推荐偏好的读取或保存，暂不能设置推荐开关。</p>
+                  <p>推荐设置正在完善，目前不会保存开关状态。</p>
                   <span class="pill">暂不可设置</span>
                 </div>
                 <a class="module-card tilt-card" href="profile-feedback.html" data-feature-link="available"
@@ -104,7 +100,7 @@
             </section>
             <section class="module-panel">
               <h2>平台设置与协议</h2>
-              <p>集中查看 APP“设置”中的平台说明、联系方式及协议入口；正式生效内容以平台和法务发布版本为准。</p>
+              <p>集中查看平台说明、服务支持和协议入口；正式内容以平台发布版本为准。</p>
               <div class="module-grid">
                 <a class="module-card tilt-card" href="about.html"
                   ><span class="icon">关</span>
@@ -128,9 +124,9 @@
                 >
               </div>
             </section>
-            <section class="module-panel">
+            <section class="module-panel" id="membership" tabindex="-1">
               <h2>会员服务</h2>
-              <p>选择适合的会员套餐并创建订单。当前 PC 暂未开放在线支付。</p>
+              <p>选择适合的会员套餐并创建微信扫码支付订单。</p>
               <div class="vip-package-list" data-vip-package-list>
                 <div class="api-state api-state--loading" data-api-state="loading" role="status" aria-live="polite" aria-busy="true">正在读取会员套餐…</div>
               </div>
@@ -148,6 +144,11 @@
                 </div>
               </form>
             </section>
+            <section class="module-panel" data-vip-payment-panel hidden>
+              <h2>微信扫码支付</h2>
+              <div data-vip-payment-qr></div>
+              <p data-vip-payment-text role="status" aria-live="polite"></p>
+            </section>
             <section class="module-panel">
               <div class="module-title-row">
                 <h2>会员订单</h2>
@@ -187,6 +188,7 @@
     <script src="utils/axios.js"></script>
     <script src="utils/AxiosRequestUtil.js"></script>
     <script src="utils/ApiClient.js"></script>
+    <script src="public/js/qrcode.min.js"></script>
     <script src="public/js/profile-common.js"></script>
     <script src="public/js/vip-pages.js"></script>
     <script src="public/js/page-effects.js"></script>