zhaojs
2023-07-20 fc9bd6378d3bfbde6d5c71535757a3d44de8d8ff
uniapp/pages/mine/mt.vue
@@ -1,9 +1,9 @@
<template>
   <view class="elm-wrapper wrapperLayer"
      :style="optionsCurrent==2?'background-color:#62BC00;':'background-color:#FFD100;'">
      :style="optionsCurrent==2?'background-color:#FFD100;':'background-color:#FFD100;'">
      <view class="flexbox borderBox colCen"
         :style="optionsCurrent==2?'background-color:#62BC00;':'background-color:#FFD100;'">
         :style="optionsCurrent==2?'background-color:#FFD100;':'background-color:#FFD100;'">
         <view class="topbarbox"></view>
         <view class="leftimgbox rowCenBet" @tap="back()">
            <view class="shadow rowCenCen" style="background:rgba(0,0,0,0);">
@@ -21,8 +21,8 @@
      </view>
      <view class="options-bar-content rowCenCen">
         <view class="center-container rowCenBet">
            <block v-for="(items,index) in optionsList" :key="index">
          <view class="center-container rowCenBet">
             <block v-for="(items,index) in optionsList" :key="index">
               <view class="items-content rowCenCen" @tap="navTap(items.type)" :class="{ 'yellow':items.type == optionsCurrent && [1,3].includes(optionsCurrent), 'green': items.type == optionsCurrent && optionsCurrent ==2 }">
                  <view>{{items.label}}</view>
               </view>
@@ -55,16 +55,15 @@
            规则说明:
         </view>
         <view class="richtext-content">
            1.本次活动中红包领取时间截止至2021年12月31日24点;</br>
            2.此活动为部分区域有效,以活动页面实际展示为准;红包发放数量及红包金额具有随机性;具体红包使用有效期及红包金额以实际收到为准;</br>
            3.红包使用规则:</br>
            1.此活动为部分区域有效,以活动页面实际展示为准;红包发放数量及红包金额具有随机性;具体红包使用有效期及红包金额以实际收到为准;</br>
            2.红包使用规则:</br>
            (1)红包使用门槛、使用期限及使用规则等以红包券面展示信息为准;</br>
            (2)红包可在美团或美团外卖最新版客户端、美团外卖小程序下单且选择在线支付时使用;且红包仅限非到店自取外卖订单,下午茶、夜宵、美食、蛋糕、团餐频道、甜点
            饮品频道使用; </br>
            (3)外卖新人首单红包限新用户(设备、手机号、 红包
            号均未在美团外卖下过单)首次下单使用,且不与其他优惠(首减、满减、满赠、套餐增、折扣菜)同享;非首单红包可与上述优惠叠加使用;</br>
            (4)使用红包时下单手机号码必须与收餐人手机号码、领取红包时输入的手机号码一致:</br>
            4.订单跟单规则为您通过本活动页点击跳转至美团后只要产生有效点击即可进行跟单,点击有效期最长为7天</br>
            3.订单跟单规则为您通过本活动页点击跳转至美团后只要产生有效点击即可进行跟单,点击有效期最长为7天</br>
         </view>
      </view>
   </view>
@@ -77,16 +76,21 @@
            optionsCurrent: 1,
            scrollTop: 0,
            optionsList: [{
                  label: "外卖",
                  label: "美团",
                  type: 1
               },
               {
                     label: "饿了么",
                     type: 2
                  }
            /*    ,
               {
                  label: "商超",
                  type: 2
               }, {
                  label: "优选",
                  type: 3
               }
               } */
            ],
            mtInfo: null,
            wxQrcodeUrl: ''
@@ -125,6 +129,7 @@
            this.$u.api.meituanAct({type:this.optionsCurrent}).then(e => {
               if(e.code != 0)return that.$alert(e.msg)
               uni.stopPullDownRefresh()
               console.log(e)
               that.mtInfo = e.data.info;
               that.wxQrcodeUrl = that.mtInfo.we_app_info.miniCode;
            }).catch(function (err) {
@@ -138,7 +143,14 @@
         navTap(type) {
            if (this.optionsCurrent != type) {
               this.optionsCurrent = type
               if (this.optionsCurrent == 2) {
               if(this.optionsCurrent==2)
               {//跳转饿了么
                  uni.redirectTo({
                     url:'./elm'
                  })
                  return;
               }
               else if (this.optionsCurrent == 2) {
                  uni.setNavigationBarColor({
                     frontColor: '#ffffff',
                     backgroundColor: '#62BC00'
@@ -241,10 +253,10 @@
      .options-bar-content {
         width: 100%;
         margin-top: 168rpx;
         margin-top: 198rpx;
         .center-container {
                position: relative;
            width: 360rpx;
            width: 240rpx;
            height: 58rpx;
            background: rgba(254, 254, 254, 0.3);
            border-radius: 29rpx;