教程

src/locales/en.json

@@ -228,5 +228,16 @@
     "pic": "illustrate",
     "tips": "Pledge your balance, and enjoy today's dividends through the platform's overall pledge balance ratio, and the highest daily chemical income can get 1%",
     "buy": "snap up now"
+  },
+  "tutorial": {
+    "step1": "Step 1: Scan the QR code of the recommender, fill in the registration information, and click register to complete the registration",
+    "step2": "Step 2: After registration, save the QR code and share it with more users to register",
+    "step3": "Step 3: Log in to the app, click on the wallet recharge amount",
+    "step4": "Step 4: Select or enter the amount to be recharged for recharge",
+    "step5": "Step 5: Select the session, click home, and select the initial session. Each user of the primary session is limited to two collections per day, the intermediate session is open from 4:00 pm to 5:00 pm every day, and the advanced session is open from 3:00 pm to 4:00 pm every day.",
+    "step6": "Step 6: Purchase collections, if the wallet balance is insufficient, you need to recharge the wallet balance",
+    "step7": "Step 7: When entrusting the collection to be put on the shelves in the order, you need to pay the platform a commission fee of 4%, and the collection range corresponding to the collection is 6% of the time of purchase.",
+    "step8": "Step 8: If the amount is sufficient, you can directly purchase the collection and then entrust it to be put on the shelf",
+    "step9": "Note: After purchasing 2 pieces, the primary field cannot purchase collections next time, and each user is limited to purchase 2 pieces per day"
   }
 }

src/locales/zh.json

@@ -227,5 +227,16 @@
         "tips": "质押您的余额，通过平台整体质押余额比例，享受今日分红，最高日化收益可得1%",
         "has": "剩余名额",
         "buy": "立即抢购"
+    },
+    "tutorial": {
+        "step1": "第一步：扫一扫推荐人二维码，填写注册信息，点击register完成注册",
+        "step2":"第二步：注册完保存二维码分享给更多用户来注册",
+        "step3":"第三步：登陆app，点击钱包充值金额",
+        "step4":"第四步：选择或者输入需要充值的金额进行充值",
+        "step5":"第五步：选择场次，点击home，选择初场次，初级场每个用户每天限购二个藏品，中级场每天下午四点到五点限时开放，高级场每天下午三点到四点开放。",
+        "step6":"第六步：购买藏品，钱包余额不足需要充值钱包余额",
+        "step7":"第七步：在订单中藏品委托上架，需要支付给平台4%的委托手续费，藏品对应的藏品幅度为购买时候的6%。",
+        "step8":"第八步：金额充足的情况下可以直接购买藏品然后委托上架",
+        "step9":"注：购买2个过后初级场就不可以在次进行购买藏品，每个用户每天限购2个"
     }
 }

src/router/index.js

@@ -192,6 +192,11 @@ const router = createRouter({
             path: '/rule',
             name: 'rule',
             component: () => import('@/views/RulePage.vue')
+        },
+        {
+            path: '/turtorial',
+            name: 'turtorial',
+            component: () => import('@/views/TurtorialPage.vue')
         }
     ]
 })

src/views/BLFPage.vue

@@ -18,13 +18,14 @@
             </div>
 
             <div class="buy">
-                <van-button
+                <!-- <van-button
                     class="animate__animated animate__headShake animate__infinite"
                     type="primary"
                     block
                     @click="buy"
                     >{{ $t('blf.buy') }}</van-button
-                >
+                > -->
+                <van-button type="primary" block @click="buy">{{ $t('blf.buy') }}</van-button>
             </div>
         </ion-content>
     </ion-page>

src/views/DistributionPage.vue

@@ -141,7 +141,6 @@ export default {
                 .catch(() => {})
         }
 
-        console.log(this.$route)
         this.showToolbar = this.$route.meta.showToolbar === true
         setTimeout(() => {
             if (this.$route.query.showShare === 'true' || this.$route.query.showShare == true) {

src/views/HomePage.vue

@@ -338,7 +338,8 @@ function agreement() {
 }
 
 function tutorial() {
-    Browser.open({ url: `${location.origin}/static/PrivacyPolicy.html` })
+    router.push('/turtorial')
+    // Browser.open({ url: `${location.origin}/static/PrivacyPolicy.html` })
 }
 </script>
 

src/views/MinePage.vue

@@ -145,7 +145,7 @@
                     <template #right-icon> <ion-icon class="right-icon" :icon="intoIcon"></ion-icon> </template>
                 </van-cell>
 
-                <van-cell :title="$t('mine.bankCard')" :value="$t('mine.noBind')" is-link>
+                <van-cell :title="$t('mine.bankCard')" :value="$t('mine.noBind')" is-link @click="wait">
                     <template #icon>
                         <img class="menu-icon" src="../assets/info_icon_ka.png" alt="" />
                     </template>
@@ -171,7 +171,7 @@
                     <template #right-icon> <ion-icon class="right-icon" :icon="intoIcon"></ion-icon> </template>
                 </van-cell>
 
-                <van-cell :title="$t('common.guide')" is-link>
+                <van-cell :title="$t('common.guide')" :to="{ name: 'turtorial' }" is-link>
                     <template #icon>
                         <img class="menu-icon" src="../assets/info_icon_liucheng.png" alt="" />
                     </template>

src/views/TurtorialPage.vue

@@ -0,0 +1,97 @@
+<template>
+    <ion-page>
+        <ion-header>
+            <ion-toolbar>
+                <ion-buttons slot="start">
+                    <ion-back-button text="" default-href="#" @click="$router.back()"></ion-back-button>
+                </ion-buttons>
+                <ion-title>FirstCash {{ $t('common.guide') }}</ion-title>
+            </ion-toolbar>
+        </ion-header>
+        <ion-content :fullscreen="true">
+            <div class="page">
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step1') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial1.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step2') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial2.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial3.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step3') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial4.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step4') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial5.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial6.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial7.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">
+                        {{ $t('tutorial.step5') }}
+                    </div>
+                    <img class="img" src="@/assets/tutorial/tutorial8.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step6') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial9.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial10.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial11.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">
+                        {{ $t('tutorial.step7') }}
+                    </div>
+                    <img class="img" src="@/assets/tutorial/tutorial12.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial13.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial14.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial15.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step8') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial16.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial17.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial18.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial19.png" alt="" />
+                    <img class="img" src="@/assets/tutorial/tutorial20.png" alt="" />
+                </div>
+                <div class="step">
+                    <div class="tips">{{ $t('tutorial.step9') }}</div>
+                    <img class="img" src="@/assets/tutorial/tutorial21.png" alt="" />
+                </div>
+            </div>
+        </ion-content>
+    </ion-page>
+</template>
+
+<script setup></script>
+
+<style lang="less" scoped>
+.page {
+    padding: 13px 0 104px;
+}
+.step {
+    padding: 0 20px 30px;
+}
+.tips {
+    font-size: 16px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 24px;
+}
+.img {
+    width: 220px;
+    display: block;
+    margin: 0 auto;
+}
+
+.tips + .img {
+    margin-top: 16px;
+}
+.img + .img {
+    margin-top: 16px;
+}
+</style>