修改调整

component/paymentPopup.vue

@@ -10,16 +10,7 @@
           <view class="label">单价</view>
           <view class="value price">￥{{ info.price || 0 }}</view>
         </view>
-
-        <view class="row" v-if="params.raffleNumList.length > 0">
-          <view class="label">选中卡牌号码</view>
-          <view class="value number">
-            <view class="item" v-for="(item, index) in params.raffleNumList">
-              {{ item }}
-            </view>
-          </view>
-        </view>
-        <view class="row" v-if="params.raffleNum">
+        <view class="row" v-if="info.type == 1">
           <view class="label">数量</view>
           <view class="value number">
             <view :class="['item', params.raffleNum == 1 ? 'numBerActive' : '']" @click="numChange(1)">一发</view>
@@ -28,7 +19,14 @@
             <view :class="['item', params.raffleNum == 10 ? 'numBerActive' : '']" @click="numChange(10)">十发</view>
           </view>
         </view>
-
+        <view class="row" v-if="[2, 3, 5].includes(info.type)">
+          <view class="label">选中卡牌号码</view>
+          <view class="value number">
+            <view class="item" v-for="(item, index) in params.raffleNumList">
+              {{ item }}
+            </view>
+          </view>
+        </view>
         <view class="row">
           <view class="label">优惠卷</view>
           <view class="value">
@@ -234,6 +232,7 @@ export default {
       this.getPrice()
     },
     show(params, list, info) {
+      console.log(info, 'info')
       this.refresh()
       console.log(list, 'list')
       this.params = {
@@ -296,6 +295,20 @@ export default {
     },
     submit() {
       let _this = this
+      if (!this.checkbox1) {
+        wx.showModal({
+          title: '提示',
+          content: '请阅完整读用户协议并勾选。',
+        })
+        return
+      }
+      if (!this.checkbox2) {
+        wx.showModal({
+          title: '提示',
+          content: '请确认本人已满18岁且具备完全行为能力并勾选。',
+        })
+        return
+      }
       if (this.selestCouponId) {
         this.params.couponId = this.selestCouponId
       }

pages.json

@@ -217,7 +217,16 @@
         "enablePullDownRefresh": false
       }
     }
-  ],
+      ,{
+            "path" : "pages/userAgreement/userAgreement",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "用户协议",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "uni-app",

pages/drawCard_box/drawCard_box.vue

@@ -47,6 +47,9 @@ export default {
       this.init()
     }
   },
+  onShow() {
+    this.init()
+  },
   methods: {
     init() {
       // 获取抽盒机详情

pages/drawCard_first/drawCard_first.vue

@@ -256,7 +256,7 @@ export default {
       let params = {
         raffleId: this.params.raffleId,
       }
-      this.$refs.paymentPopup.show(params, number, this.detail)
+      this.$refs.paymentPopup.show(params, this.selectIndex, this.detail)
     },
     // 支付成功后回调
     paymentSuccess() {

pages/drawCard_fullSet/drawCard_fullSet.vue

@@ -366,7 +366,7 @@ export default {
       let params = {
         raffleId: this.params.raffleId,
       }
-      this.$refs.paymentPopup.show(params, number, this.detail)
+      this.$refs.paymentPopup.show(params, this.selectIndex, this.detail)
     },
     // 支付成功后回调
     paymentSuccess() {

pages/drawCard_last/drawCard_last.vue

@@ -410,7 +410,7 @@ export default {
       let params = {
         raffleId: this.params.raffleId,
       }
-      this.$refs.paymentPopup.show(params, number, this.detail)
+      this.$refs.paymentPopup.show(params, this.selectIndex, this.detail)
     },
     // 支付成功后回调
     paymentSuccess() {

pages/index/index.vue

@@ -10,10 +10,10 @@
     </view>
 
     <view class="tabs">
-      <view class="tab">
+      <!--     <view class="tab">
         <image :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/Frame3.png'" alt="" />
         <span>全部</span>
-      </view>
+      </view> -->
       <view class="tab" @click="$navigateTo('/pages/excellentValue/excellentValue')">
         <image :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/Frame4.png'" alt="" />
         <span>超值挑战</span>
@@ -48,7 +48,7 @@
         <view class="ka-info">
           <view class="ka-name">{{ item.name }}</view>
           <view class="row">
-            <uni-tag text="创意热销" inverted type="default"></uni-tag>
+            <uni-tag :text="item.tags" inverted type="default"></uni-tag>
             <view class="money">¥{{ item.price }}</view>
           </view>
         </view>

pages/invite/invite.vue

@@ -36,13 +36,13 @@
         <button open-type="share" class="button">
           <image
             class="button1"
-            mode="aspectFit"
+            mode="heightFix"
             :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/invite/button2.png'"
           ></image>
         </button>
         <image
           class="button2"
-          mode="aspectFit"
+          mode="heightFix"
           :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/invite/button3.png'"
           @click="promotionCode"
         ></image>
@@ -199,7 +199,7 @@ export default {
       overflow: initial;
       text-align: start;
       padding: 0;
-      width: 100%;
+      // width: 100%;
       box-shadow: none;
       -webkit-tap-highlight-color: transparent;
     }

pages/login/login.vue

@@ -10,8 +10,6 @@
         <view class="text">
           我已阅读并同意
           <span class="textColor2">《用户协议》</span>
-          及
-          <span class="textColor2">《隐私政策》</span>
         </view>
       </view>
     </view>

pages/mine/mine.vue

@@ -55,15 +55,15 @@
           <image :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/mine/menu2.png'"></image>
           <span>消费记录</span>
         </view>
-        <view class="menu">
+        <view class="menu" @click="showQRcode">
           <image :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/mine/menu3.png'"></image>
           <span>加群交流</span>
         </view>
-        <view class="menu">
+        <view class="menu" @click="$navigateTo('/pages/rule/rule', { type: 0 })">
           <image :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/mine/menu4.png'"></image>
           <span>游戏规则</span>
         </view>
-        <view class="menu">
+        <view class="menu" @click="$navigateTo('/pages/userAgreement/userAgreement')">
           <image :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/mine/menu5.png'"></image>
           <span>用户协议</span>
         </view>
@@ -73,6 +73,9 @@
         </button>
       </view>
     </view>
+    <uni-popup class="popup" ref="popup" type="center">
+      <image class="qrcodeImg" :src="'https://file.rongcyl.cn/festatic/bkm/imgv2/QRcode.png'" mode="widthFix" />
+    </uni-popup>
   </view>
 </template>
 
@@ -138,6 +141,9 @@ export default {
     pageTo(url) {
       wx.navigateTo({ url: url })
     },
+    showQRcode() {
+      this.$refs.popup.open()
+    },
   },
 }
 </script>
@@ -277,4 +283,8 @@ export default {
     }
   }
 }
+.qrcodeImg {
+  width: 70vw;
+  border-radius: 5px;
+}
 </style>

pages/rule/rule.js

@@ -0,0 +1,127 @@
+export const rules = {
+  first: `
+	<p>一玩法说明:</p>
+	<p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
+	<p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
+	<p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
+	<p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
+	<p>二、特殊模式说明</p>
+	<p>FIRST赏说明：当卡盒余量小于一半时，将在之前抽奖所有用户中随机抽取一位用户获得FIRST赏奖品</p>
+	`,
+  last: `
+	<p>一玩法说明:</p>
+	<p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
+	<p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
+	<p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
+	<p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
+	<p>二、特殊模式说明</p>
+	<p>LAST赏说明：当卡盒被抽完时，买到最后一张卡的用户将额外获得一张LAST赏奖品</p>
+	`,
+  wuxian: `
+	<p>一玩法说明:</p>
+	<p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
+	<p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
+	<p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
+	<p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
+	<p>二、特殊模式说明</p>
+	<p>1.连击说明：当连击达到300时，必出一个限定等级的商品，具体等级已商品详情为准，连击值请对应展示界面。</p>
+	<p>
+	  2.无限赏锁箱模式：如果开启了锁箱则已商品详情张数赏的锁箱秒数为准，当前用户购买赏品锁箱中，其他用户无法购买，锁箱时间均在赏内有提示。当前用户停止购买，其他用户等待锁箱结束后，第一个支付成功的用户可购买、一次性支付10抽自动开启锁箱模式。(锁箱时间上限60分钟)
+	</p>
+	<p>3.随机掉落模式：每次抽赏系统会有概率 (以点击掉落界面的概率为准)赠送一个赏品。具体概率已掉落页面为准。</p>
+	<p>
+	  4.欧王模式：如果开启了欧王奖励，则获得欧王赏等级赏品的欧王将会成为当前欧王，之后购买的金额将会按商品详情点击欧王奖励公示的比例奖励给欧王。
+	</p>
+	`,
+  fullSet: `
+	<p>一玩法说明:</p>
+	<p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
+	<p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
+	<p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
+	<p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
+	<p>二、特殊模式说明</p>
+	<p>1.全套赏模式</p>
+	<p>1.1购买：全套赏为拼单模式，倒计时结束前用户可以选购，卡盒全部被选购则拼单成功。</p>
+	<p>1.2开奖：倒计时结束后，若拼单成功则开奖，可在全套赏界面中查看中奖结果。</p>
+	`,
+  box: `
+	<p>一玩法说明:</p>
+	<p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
+	<p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
+	<p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
+	<p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
+	<p>二、特殊模式说明</p>
+	<p>1.抽盒机模式</p>
+	<p>1.1：抽盒机为卡牌类在线拆包福袋盲盒</p>
+	<p>1.2：每一盒必有一张稀有高罕卡</p>
+	<p>1.3：每1包卡包，必定包含多少岁张卡牌以下单界面显示的张数为准</p>
+	<p>1.4：卡牌类商品付款后即完成在线拆包，依据《网络购买商品七日无理由退货暂行办法》第七条《二)规定，不适用7日无理由退货，超15天售后期后不接受质量问题退换货。</p>
+	`,
+  invite: `
+	<p>邀请好友规则说明:</p>
+	<p>1.转发邀请好友成功注册后绑定为下级，下级任意消费金额的3%转换为通用积分。</p>
+	<p>2.通用积分可以用于消费抵扣，积分商城消费。</p>
+	`,
+  all: `
+	<p>一玩法说明:</p>
+	<p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
+	<p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
+	<p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
+	<p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
+	<p>二、特殊模式说明</p>
+	<p>1.FIRST赏说明：当卡盒余量小于一半时，将在之前抽奖所有用户中随机抽取一位用户获得FIRST赏奖品</p>
+	<p>2.LAST赏说明：当卡盒被抽完时，买到最后一张卡的用户将额外获得一张LAST赏奖品</p>
+	<p>3.连击说明：当连击达到300时，必出一个限定等级的商品，具体等级已商品详情为准，连击值请对应展示界面。</p>
+	<p>
+	  4.无限赏锁箱模式：如果开启了锁箱则已商品详情张数赏的锁箱秒数为准，当前用户购买赏品锁箱中，其他用户无法购买，锁箱时间均在赏内有提示。当前用户停止购买，其他用户等待锁箱结束后，第一个支付成功的用户可购买、一次性支付10抽自动开启锁箱模式。(锁箱时间上限60分钟)
+	</p>
+	<p>5.随机掉落模式：每次抽赏系统会有概率 (以点击掉落界面的概率为准)赠送一个赏品。具体概率已掉落页面为准。</p>
+	<p>
+	  6.欧王模式：如果开启了欧王奖励，则获得欧王赏等级赏品的欧王将会成为当前欧王，之后购买的金额将会按商品详情点击欧王奖励公示的比例奖励给欧王。
+	</p>
+	<p>7.全套赏模式</p>
+	<p>7.1购买：全套赏为拼单模式，倒计时结束前用户可以选购，卡盒全部被选购则拼单成功。</p>
+	<p>7.2开奖：倒计时结束后，若拼单成功则开奖，可在全套赏界面中查看中奖结果。</p>
+	<p>8.抽盒机模式</p>
+	<p>8.1：抽盒机为卡牌类在线拆包福袋盲盒</p>
+	<p>8.2：每一盒必有一张稀有高罕卡</p>
+	<p>8.3：每1包卡包，必定包含多少岁张卡牌以下单界面显示的张数为准</p>
+	<p>8.4：卡牌类商品付款后即完成在线拆包，依据《网络购买商品七日无理由退货暂行办法》第七条《二)规定，不适用7日无理由退货，超15天售后期后不接受质量问题退换货。</p>
+	<p>三、关于发货</p>
+	<p>1、开赏后的赏品会放进背包，您可以到”背包”内手动申请发货。</p>
+	<p>2、请务必确保您填写的默认地址是真实有效的，因您地址错误或其他个人原因导致的任何损失由您自行承担。</p>
+	<p>
+	  3、我们会根据申请发货的先后顺序安排发货，如遇节假日或特殊情况会暂停或延缓发货，但我们会竭尽全力将现货商品尽快送达您的手中，申请发货后7-10个工作日内发出。
+	</p>
+	<p>发货机制:平台默认使用圆通物流，满5件国内包邮(新疆、内蒙、港澳台除外) ，小于5件需支付15元邮费。</p>
+	<p>
+	  5、如因非人为原因导致出现赏品损坏请及时沟通客服(请按照封箱贴上的提示，录制好开箱视频)，可调换新的同款赏品
+	  (以退换货规则为准) ;不支持退货、调换其他款赏品。
+	</p>
+	<p>
+	  6、为保障每一个用户能够公平享有冲赏的权利，我们会对用户的冲赏行为进行实时监测，对于出现恶意行为的用户，我们有权要求其退还因恶意行为获得的额外利益并进行警告;出现两次恶意行为，用户将被拉入黑名单，并冻结其如意卡牌一番账户，不可使用一番赏购买服务及其他相关服务
+	  恶意行为: 开箱后无质量问题以各种理由要求退款、欺骗或与他人联合欺骗其他冲赏用户、利用系统BUG恶意冲赏等。
+	</p>
+	<p>7、一番赏内赏品难免存在轻微蹭色、溢色等轻微瑕疵不支持因此提出的退换货申请，请您知悉并谨慎考虑后购买;</p>
+	<p>
+	  8、如您收到的商品有质量问题，如:存在损坏、少件或遗失,请您提供有效凭证，证明签收时商品即存在上述问题，平台将提供退换货服务且由平台承担来回运费。
+	</p>
+	<p>四、关于商品缺货的处理</p>
+	<p>
+	  由于市场变化、系统问题、不可抗力等因素影响，您所提交的订单信息中的商品可能出现缺货情形。在此情形下，如意卡牌一番将以有效方式(包括但不限于向您提供的联系电话发送手机短信)
+	  通知您并提供解决方案(包括但不限于取消订单、换货、调货等方式)
+	  。请您在未收到商品之前留意通知，若如意卡牌一番自发出通知一周内超过两次无法与您取得电话联系且您在收到如意卡牌一番通知超过30天未主动联系在线客服，将有权取消订单并退还您所支付的冲赏费用，由此给您带来的不便敬请谅解。缺货商品是否补货不再另行通知，如您对此商品感兴趣，请您随时关注。
+	</p>
+	<p>五、关于售后</p>
+	<p>1、因盲盒商品特殊性不支持7天无理由退换货</p>
+	<p>
+	  2、一番赏内商品由于属于IP定制产品难免存在轻微蹭溢色等涂装问题的瑕疵，此类问题不属于质量问题，我们保证相应产品已获得版权方授权，为正版商品。我们不接受因上述瑕疵问题因此提出的退换货申请，请您知悉并谨慎考虑后购买
+	</p>
+	<p>
+	  3、如您收到的商品有质量问题，如:存在损坏、少件或遗失,请您提供有效凭证，证明签收时商品即存在上述问题，平台将提供退换货服务且由平台承担来回运费
+	</p>
+	<p>4、接受售后时间: 退货申请--自物流签收后起7天内;换货申请--自物流签收后起15天内 (以自然天计算)</p>
+	<p>5、售后处理时效:如需回寄退换货的，用户需在收到通知7天内回寄商品 (春节假期以公告为准)</p>
+	<p>6、品牌方售后处理周期以品牌方时效为准</p>
+	`,
+}

pages/rule/rule.vue

@@ -1,66 +1,17 @@
 <template>
   <view class="container">
     <view class="title">{{ title }}:</view>
-    <view class="textInfo">
-      <!-- <p>sas</p> -->
-      <p>一玩法说明:</p>
-      <p>1.1 开赏类盲盒商品，一经购买不接受无理由退款，请谨慎例行购买 (未成年人禁止下单)</p>
-      <p>1.2根据您的需求点击 同时会获得对应张数的赠送赏品，100%有赠品，赏品类型以及获得概率已商品详情为准</p>
-      <p>1.3所有赏品概率及记录均在赏品详情展示，请参考后下单，平台保证公平公正公开的原则。</p>
-      <p>1.4 赏品按稀有度分别为S赏、A赏、欧王赏，B赏、C赏、五个等级，每个品级获得概率以公示为准。</p>
-      <p>二、特殊模式说明</p>
-      <p>1.连击说明：当连击达到300时，必出一个限定等级的商品，具体等级已商品详情为准，连击值请对应展示界面。</p>
-      <p>
-        2.无限赏锁箱模式：如果开启了锁箱则已商品详情张数赏的锁箱秒数为准，当前用户购买赏品锁箱中，其他用户无法购买，锁箱时间均在赏内有提示。当前用户停止购买，其他用户等待锁箱结束后，第一个支付成功的用户可购买、一次性支付10抽自动开启锁箱模式。(锁箱时间上限60分钟)
-      </p>
-      <p>3.随机掉落模式：每次抽赏系统会有概率 (以点击掉落界面的概率为准)赠送一个赏品。具体概率已掉落页面为准。</p>
-      <p>
-        4.欧王模式：如果开启了欧王奖励，则获得欧王赏等级赏品的欧王将会成为当前欧王，之后购买的金额将会按商品详情点击欧王奖励公示的比例奖励给欧王。
-      </p>
-      <p>三、关于发货</p>
-      <p>1、开赏后的赏品会放进背包，您可以到”背包”内手动申请发货。</p>
-      <p>2、请务必确保您填写的默认地址是真实有效的，因您地址错误或其他个人原因导致的任何损失由您自行承担。</p>
-      <p>
-        3、我们会根据申请发货的先后顺序安排发货，如遇节假日或特殊情况会暂停或延缓发货，但我们会竭尽全力将现货商品尽快送达您的手中，申请发货后7-10个工作日内发出。
-      </p>
-      <p>发货机制:平台默认使用圆通物流，满5件国内包邮(新疆、内蒙、港澳台除外) ，小于5件需支付15元邮费。</p>
-      <p>
-        5、如因非人为原因导致出现赏品损坏请及时沟通客服(请按照封箱贴上的提示，录制好开箱视频)，可调换新的同款赏品
-        (以退换货规则为准) ;不支持退货、调换其他款赏品。
-      </p>
-      <p>
-        6、为保障每一个用户能够公平享有冲赏的权利，我们会对用户的冲赏行为进行实时监测，对于出现恶意行为的用户，我们有权要求其退还因恶意行为获得的额外利益并进行警告;出现两次恶意行为，用户将被拉入黑名单，并冻结其如意卡牌一番账户，不可使用一番赏购买服务及其他相关服务
-        恶意行为: 开箱后无质量问题以各种理由要求退款、欺骗或与他人联合欺骗其他冲赏用户、利用系统BUG恶意冲赏等。
-      </p>
-      <p>7、一番赏内赏品难免存在轻微蹭色、溢色等轻微瑕疵不支持因此提出的退换货申请，请您知悉并谨慎考虑后购买;</p>
-      <p>
-        8、如您收到的商品有质量问题，如:存在损坏、少件或遗失,请您提供有效凭证，证明签收时商品即存在上述问题，平台将提供退换货服务且由平台承担来回运费。
-      </p>
-      <p>四、关于商品缺货的处理</p>
-      <p>
-        由于市场变化、系统问题、不可抗力等因素影响，您所提交的订单信息中的商品可能出现缺货情形。在此情形下，如意卡牌一番将以有效方式(包括但不限于向您提供的联系电话发送手机短信)
-        通知您并提供解决方案(包括但不限于取消订单、换货、调货等方式)
-        。请您在未收到商品之前留意通知，若如意卡牌一番自发出通知一周内超过两次无法与您取得电话联系且您在收到如意卡牌一番通知超过30天未主动联系在线客服，将有权取消订单并退还您所支付的冲赏费用，由此给您带来的不便敬请谅解。缺货商品是否补货不再另行通知，如您对此商品感兴趣，请您随时关注。
-      </p>
-      <p>五、关于售后</p>
-      <p>1、因盲盒商品特殊性不支持7天无理由退换货</p>
-      <p>
-        2、一番赏内商品由于属于IP定制产品难免存在轻微蹭溢色等涂装问题的瑕疵，此类问题不属于质量问题，我们保证相应产品已获得版权方授权，为正版商品。我们不接受因上述瑕疵问题因此提出的退换货申请，请您知悉并谨慎考虑后购买
-      </p>
-      <p>
-        3、如您收到的商品有质量问题，如:存在损坏、少件或遗失,请您提供有效凭证，证明签收时商品即存在上述问题，平台将提供退换货服务且由平台承担来回运费
-      </p>
-      <p>4、接受售后时间: 退货申请--自物流签收后起7天内;换货申请--自物流签收后起15天内 (以自然天计算)</p>
-      <p>5、售后处理时效:如需回寄退换货的，用户需在收到通知7天内回寄商品 (春节假期以公告为准)</p>
-      <p>6、品牌方售后处理周期以品牌方时效为准</p>
-    </view>
+    <view class="textInfo" v-html="rulesHtml"></view>
   </view>
 </template>
 
 <script>
+import { rules } from './rule.js'
 export default {
   data() {
     return {
+      rules: rules,
+      rulesHtml: '',
       type: null,
       title: '规则与说明',
     }
@@ -76,23 +27,33 @@ export default {
     typeInit() {
       let titleText = '规则与说明'
       switch (this.type) {
+        case '0':
+          titleText = '规则与说明'
+          this.rulesHtml = this.rules['all']
+          break
         case '1':
           titleText = '无限赏规则与说明'
+          this.rulesHtml = this.rules['wuxian']
           break
         case '2':
           titleText = 'last赏规则与说明'
+          this.rulesHtml = this.rules['last']
           break
         case '3':
           titleText = '全套赏规则与说明'
+          this.rulesHtml = this.rules['fullSet']
           break
         case '4':
           titleText = '抽盒机规则与说明'
+          this.rulesHtml = this.rules['box']
           break
         case '5':
           titleText = 'first赏规则与说明'
+          this.rulesHtml = this.rules['first']
           break
         case '6':
           titleText = '邀请好友规则与说明'
+          this.rulesHtml = this.rules['invite']
           break
       }
       this.title = titleText
@@ -108,10 +69,13 @@ export default {
 .container {
   font-size: 14px;
   padding: 10px;
+
   .title {
   }
+
   .textInfo {
     padding-bottom: 30px;
+
     p {
       margin: 5px 0;
     }

pages/userAgreement/userAgreement.vue

@@ -0,0 +1,156 @@
+<template>
+  <view class="container">
+    <view class="title">{{ title }}:</view>
+    <view class="textInfo">
+      <p>
+        生效时间:自买受人点击确认同意执行时生效。欢迎您使用潮米卡牌
+        平台服务!冬条款标题仅为帮助您理解该条款表达的主旨之用，不影响或限制本协议条款的含义或解释。为维护您自身权益，请您务必在仔细阅读各条款具体表述(重要条款已使用加粗字体标明，请重点阅读)后，方作出是否购买的决定。
+      </p>
+      <p>1服务条款的接受与修改</p>
+      <p>
+        1.1本协议是用户 (下或称“您”) 与本程序 (下称”潮米卡牌“)之间的协议 (称”本协议”。本协议条款构成您(无论个人或者单位)
+        使用潮米卡牌所提供的服务及其行生服务之先决条件，通过访问和，或便用潮米卡牌提供的网站、客户端及其他服务，您表示接受同意本协议的全部条款;如果您不愿意接受本协议的全部条款您应不使用或主动取消潮米卡牌
+        的服务。同时，您不能在享受了服务后以未获悉相关情况为由，向潮米卡牌主张权利。
+      </p>
+      <p>
+        1.2如果您为未满18周岁的未成年人，请在法定监护人的陪同下，与法定监护人一并详细阅读本协议，并特别注意未成年人使用条款，如果您为未满14周岁的儿童，特别提醒您注意《隐私政策》与《儿童隐私政策》中针对您提供的保护。未成年人或其监护人应主动选择未成年模式，并设置监护口令。未成年人行使和履行本协议项下的权利和义务视为已获得了法定监护人的认可。
+      </p>
+      <p>
+        1.3潮米卡牌
+        有权随时对本协议进行修改，因此您在每次点击确认前，都应当自行详尽阅读该些内容，如您不同意修改后的内容，您应不使用或主动取消潮米卡牌的服务，否则即视为您接受本协议的修改。1.4如您对本协议或使用潮米卡牌平分相关的事宜有任何问题
+        (包括问题、疑虑、咨询、投诉、建议等) ，您可以通过“联系客服“联系我们，我们会在收到您的反馈后尽快答复您。
+      </p>
+      <p>2服务说明</p>
+      <p>
+        您在使用潮米卡牌平台时，出现的各种协议、提示、说明、玩法、引导、规则等(以下统称”单独协议或规则”)。上述内容一经正式发布，即为本协议不可分割的组成部分，您对此明确知悉，并确认同样应当遵守。您对本协议的接受，即视为您对包括前述任何单独协议或规则在内的本协议的全部接受。如本协议发生用户授权变更、增加潮米卡牌免责或者限制责任的条款等变更则潮米卡牌
+        将向您告知协议更新。
+      </p>
+      <p>3使用规则与交易规则</p>
+      <p>
+        3.1为保证您能顺利使用潮米卡牌 平台，您知悉并后意，您在使用潮米卡牌平台账号时
+        (包括通过第三方账号授权登录》应遵守以下规则:
+      </p>
+      <p>
+        3.1.1您在注册潮米卡牌平台账号时
+        (包括您通过第三方账号授权登录)，应根据页面提示向我们提供完整、真实、准确、最新的必要注册信息，不得使用他人手机号码或以其他冒用他人身份的方式进行账号注册。若您提女的材料或提供的信息不准确、不真实、不合法或者潮米卡牌有理由怀疑为错误、不实或不合法的资料，则您可能无法使用潮米卡牌
+        相关软件或服务，或在使用过程中部分功能受到限制。在提交注册信息后，如果上述信息发生变化，您应及时更改;
+      </p>
+      <p>
+        3.1.2除通过第三方账号授权登录外，您仅可通过我们的官方渠道注册成为我们的注册用户。您不得通过包括但不限于购买、租用、借用、分享、利用或破坏我们的注册系统及，或其他未经我们许可的方式获得潮米卡牌平分账号;
+      </p>
+      <p>
+        3.1.3完成由请注册手续后，您享有潮米卡牌平台账号的有限使用权，您的账号仅限于您本人使用，禁止以任何形式赠与、借用、出租、转让、售卖或以其他方式许可他人使用该账号
+        (但法律另有规定或双方另有明确约定的除外》;
+        如果潮米卡牌发现或者有合理理由认为使用者并非账号初始注册人，潮米卡牌有权在未通知您的情况下，暂停或终止向该注册账号提供服务，并有权注销该账号，而无需向注册该账号的用户承担法律责任
+      </p>
+      <p>
+        3.1.4您需对您享有使用权的潮米卡牌
+        平台账号下所从事的所有行为及，或通过该账号所从事的所有行为承担责任。因此，您应自行负责并妥善、正确地保管、使用、维护您的潮米卡牌
+        平台账号和客码，并对您的账号和客码采取必要和有效的保密措施。非因我们法定过错导致的任何遗失、泄露、被算改、被盗以及其他因保管、使用、维护不当而造成的损失，您应自行承担;
+      </p>
+      <p>
+        3.1.5若您有以下行为，我们有权暂时中止或永久终止您对账号的使用或收回您的潮米卡牌账号，中断或终止向您继续提供服务，且无需承担任何责任
+        1)根据您的主动申请;2)
+        您违反本协议的内容的;3)根据我们必须遵守的法律法规、监管政策4)我们有理由认为您的使用行为对我们及，或他人的合法权益造成或可能造成侵害的。
+      </p>
+      <p>
+        3.2潮米卡牌
+        依照本协议、相关规则限制您使用账号全部或部分功能的，可能会给您造成一定的不便及损失，您理解该不便及损失造成的法律后果由您自行承担，潮米卡牌
+        不承担责任。
+      </p>
+      <p>
+        3.3除自行注册潮米卡牌账号外，您也可授权使用您合法拥有的第三方软件用户账号登录使用潮米卡牌软件及其相关服务，但第三方软件或平台对此有限制或禁止的除外。当您以前述已有账号登录便用的，应保证相应账号适用本协议中的相关条款。
+      </p>
+      <p>
+        3.4用户同意潮米卡牌在提供服务的过程中以各种方式投放商业性广告或其他任何类型的商业信息
+        (包括但不限于在潮米卡牌平台的任何位置上投放广告，在用户上传、传播的内容中投放广告)
+        ，用户同意接受潮米卡牌通过电子邮件或其他方式向用户发送商品促销或其他相关商业信息。
+      </p>
+      <p>
+        3.5潮米卡牌可能会提供与其他互联网网站或资源进行链接。除非另有声明，潮米卡牌无法对第三方网站之服务进行控制，用户对广告信息应亩慎判断其真实性、可靠性。用户如因使用或依赖上述网站或资源与第三方产生纠纷，由用户自行解决，潮米卡牌不承担任何额外责任。
+      </p>
+      <p>
+        3.6用户在使用潮米卡牌服务过程中，应遵守相关法律法规。在任何情况下，潮米卡牌一旦合理地认为用户的行为可能违反上述法律、法规，可以在任何时候，不经事先通知暂停或终止向该用户提供服务。该用户认为潮米卡牌的暂停或终止行为不正当的，可联系潮米卡牌客户进行申诉，但潮米卡牌享有最终的决定权。
+      </p>
+      <p>3.7交易规则您知悉并同意，您将按照以下规则在潮米卡牌平台内进行交易:</p>
+      <p>3.7.1商品信息调整</p>
+      <p>
+        商品名称、价格、数量、型号、规格、尺寸、颜色、商品介绍、库存、抽取概率等商品信息将不定时发生变动，由于商品种类繁多、商品信息量大以及技术因素等客观原因，商品信息页面显示可能存在一定滞后性和错误，您对此表示知悉和理解。此外，由于预售商品存在一定不确定性，相应商品信息
+        (包括但不限于赠品配比、规格尺寸等)可能会根据品牌方官方信息进行修改，您对此表示知悉和理解。如您对此存在异议，可联系我们进行退款。
+        商品类别中列明的概率为潮米卡牌
+        客观统计的抽取概率，仅供您参考，不视为您作出是否购买商品的依据您在购买该商品前，明确知悉该商品在拆封后可能不满足您的预期，但只要潮米卡牌能够按约定向您作出女付承诺的，即视为潮米卡牌
+        已经履行了作为产品出售方的所有法定义 务。
+      </p>
+      <p>3.7.2订单信息</p>
+      <p>
+        在您提交订单时，请仔细确认所购商品的名称、价格数量、型号、规格、尺寸、颜色、收货人姓名、联系电话、收货地址等信息。若收货人并非您本人，收货人的行为和意思表示将视为您的行为和意思表示，您应对收货人的行为及意思表示产生的法律后果承担连带责任您提交订单即表示对订单中所确认的订购商品、收货信息等内容的准确性负责。如果因为您填写的收货人姓名、联系电话、收货地址等信息错误，导致延期配送不能配送、或商品交付给非您本意的收货人，由此造成的损失需由您自行承担;
+        因此造成的任何损失或增加费用的，应由您完全独自承担。您确定并认可:为了更好的为您提供服务，潮米卡牌会记录您在选购商品过程中在线填写的所有信息，若有需要可提供给相关服务提供方。
+      </p>
+      <p>3.7.3订单生效</p>
+      <p>
+        潮米卡牌展示的商品和价格等商品信息仅仅作为要约邀请，不视为要约。您下单时须写明订单信息内容，系统生成的订单信息是计算机信息系统根据您填写的内容和和操作自动生成的数据，作为您向潮米卡牌发出的合同要约。您付款后，即视为双方之间的合同成立。您未能在指定时间完成付款的，潮米卡牌有权取消订单。如果您在一份订单里订购了多种商品，但仅就部分商品支付价款，则潮米卡牌和您之间仅就该部分商品成立合同关系。您的购买行为，亦视为您对履行本协议项下义务再次作出保证。
+      </p>
+      <p>
+        “赠品兑换券”类产品具有随机性的特点，对此您已充分了解。您应该对您充值、消费行为的性质和后果自行判断，并对您在潮米卡牌
+        的一切消费行为完全负责。基于产品特点，我们无法保证您收到的商品符合您对某特定款式或型号的预期，相应结果存在随机性，对此，只要您收到的商品符合原官方定价，即视为潮米卡牌向您提供了相应对价，您不应以未收到特定款式的商品为由要求潮米卡牌退款、赔偿或承担任何责任。潮米卡牌无法且不会对因前述问题而导致的任何损失或损害承担责任。
+      </p>
+      <p>
+        如因系统故障或潮米卡牌的过失导致显示信息明显不合理
+        (包括但不限于商品价格明显偏低、显示余量明显异常等)，请您不要进行相关后续操作并立即通知潮米卡牌
+        进行修改，潮米卡牌有权在法律允许的最大限度内取消相关不合理订单并及时通知您。
+      </p>
+      <p>3.7.4商品缺货的处理</p>
+      <p>
+        由于国家政策、市场变化、系统问题及其他不可抗力等因素影影响，您所提交的订单信息中的商品可能出现缺货情形。在此情形下，潮米卡牌将以有效方式
+        (包括但不限于发布公告、发送邮件、向您提供的联系电话发送手机短信、向您的账号发送私信以及站内信信息等)
+        通知您并提供解决方案(包括但不限于取消订单、换货、调货等)，请您在未收到商品之前留意通知。若潮米卡牌在七日内超过两次无法与您取得电话联系目您在收到潮米卡牌通知超过30日未主动联系在线客服，潮米卡牌将有权取消订单，由此给您带来的不便敬请谅解，您同意并接受该情况的发生，并确认不据此向潮米卡牌
+        主张法律责任。缺货商品是否补货不再另行通知，如您对此商品感兴趣，请您随时关注。
+      </p>
+      <p>3.7.5配送</p>
+      <p>您付款并填写真实的收货人姓名、有效联系电话。</p>
+      <p>3.8特别约定</p>
+      <p>
+        3.8.1您明确知悉潮米卡牌
+        并不存在任何欺诈、诈骗的情况，您与潮米卡牌达成的交易更真实、透明、合法并非赌博，潮米卡牌并无任何非法占有您的财产的用意、打算及事实，故您与潮米卡牌建立的为完全合法的交易关系，潮米卡牌
+        的合法权益亦应当受法律的保护。与此同时，您不得据此对外作出任何损害潮米卡牌名誉的行为或言论，否则潮米卡牌
+        有权据此要求您承担相应的法律责任。
+      </p>
+      <p>
+        3.8.2您在参与潮米卡牌举办的各项活动或在潮米卡牌消费的过程中，需确保所使用的资金来源合法目您完全享有完整有效的处分权。同时，您承诺量力而行使用该些资金，潮米卡牌不对您使用该些资金后可能对自身产生的后果承担责任。
+      </p>
+      <p>
+        3.8.3您在潮米卡牌账户中留存的资金仍旧为您的资金您可以随时联系客户办理相应的提款手续，该些资金留存在潮米卡牌账户期间不计算利息。
+      </p>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '用户协议',
+    }
+  },
+  onLoad(query) {},
+  methods: {},
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+  font-size: 14px;
+  padding: 10px;
+
+  .title {
+  }
+
+  .textInfo {
+    padding-bottom: 30px;
+
+    p {
+      margin: 5px 0;
+    }
+  }
+}
+</style>