修改html标签为uni标签,修改rem单位为rpx,修改提示及确认为uniapi,修改登录模块为uni接口,修改css入口为APP.vue,增加app端样式支持

pages/user/signIn/Integral/index.vue

@@ -1,75 +1,75 @@
 <template>
-  <div class="integral-details" ref="container">
-    <div class="header">
-      <div class="currentScore">当前积分</div>
-      <div>{{ info.integral }}</div>
-      <div class="line"></div>
-      <!--<div class="nav acea-row">-->
-      <!--<div class="item">-->
-      <!--<div class="num">{{ info.sum_integral }}</div>-->
-      <!--<div>累计积分</div>-->
-      <!--</div>-->
-      <!--<div class="item">-->
-      <!--<div class="num">{{ info.deduction_integral }}</div>-->
-      <!--<div>累计消费</div>-->
-      <!--</div>-->
-      <!--<div class="item">-->
-      <!--<div class="num">{{ info.today_integral }}</div>-->
-      <!--<div>今日获得</div>-->
-      <!--</div>-->
-      <!--</div>-->
-    </div>
-    <div class="wrapper">
-      <div class="nav acea-row">
-        <div
+  <view class="integral-details" ref="container">
+    <view class="header">
+      <view class="currentScore">当前积分</view>
+      <view>{{ info.integral }}</view>
+      <view class="line"></view>
+      <!--<view class="nav acea-row">-->
+      <!--<view class="item">-->
+      <!--<view class="num">{{ info.sum_integral }}</view>-->
+      <!--<view>累计积分</view>-->
+      <!--</view>-->
+      <!--<view class="item">-->
+      <!--<view class="num">{{ info.deduction_integral }}</view>-->
+      <!--<view>累计消费</view>-->
+      <!--</view>-->
+      <!--<view class="item">-->
+      <!--<view class="num">{{ info.today_integral }}</view>-->
+      <!--<view>今日获得</view>-->
+      <!--</view>-->
+      <!--</view>-->
+    </view>
+    <view class="wrapper">
+      <view class="nav acea-row">
+        <view
           class="item acea-row row-center-wrapper"
           :class="current === navListIndex ? 'on' : ''"
           v-for="(item, navListIndex) in navList"
           :key="navListIndex"
           @click="nav(navListIndex)"
         >
-          <span class="iconfont" :class="item.icon"></span>
+          <text class="iconfont" :class="item.icon"></text>
           {{ item.name }}
-        </div>
-      </div>
-      <div class="list" :hidden="current !== 0">
-        <!--<div class="tip acea-row row-middle">-->
-        <!--<span class="iconfont icon-shuoming"></span-->
+        </view>
+      </view>
+      <view class="list" :hidden="current !== 0">
+        <!--<view class="tip acea-row row-middle">-->
+        <!--<text class="iconfont icon-shuoming"><text-->
         <!--&gt;提示：积分数值的高低会直接影响您的会员等级-->
-        <!--</div>-->
-        <div
+        <!--</view>-->
+        <view
           class="item acea-row row-between-wrapper"
           v-for="(item, listIndex) in list"
           :key="listIndex"
         >
-          <div>
-            <div class="state">{{ item.title }}</div>
-            <div>
+          <view>
+            <view class="state">{{ item.title }}</view>
+            <view>
               <data-format :data="item.addTime"></data-format>
-            </div>
-          </div>
-          <div class="num" v-if="item.pm == 1">+{{ item.number }}</div>
-          <div class="num font-color-red" v-if="item.pm == 0">-{{ item.number }}</div>
-        </div>
-      </div>
-      <!--<div class="list2" :hidden="current !== 1">-->
-      <!--<div class="item acea-row row-between-wrapper" @click="goHome()">-->
-      <!--<div class="pictrue"><img :src="$VUE_APP_RESOURCES_URL+'/images/score.png'" /></div>-->
-      <!--<div class="name">购买商品可获得积分奖励</div>-->
-      <!--<div class="earn">赚积分</div>-->
-      <!--</div>-->
-      <!--<div-->
+            </view>
+          </view>
+          <view class="num" v-if="item.pm == 1">+{{ item.number }}</view>
+          <view class="num font-color-red" v-if="item.pm == 0">-{{ item.number }}</view>
+        </view>
+      </view>
+      <!--<view class="list2" :hidden="current !== 1">-->
+      <!--<view class="item acea-row row-between-wrapper" @click="goHome()">-->
+      <!--<view class="pictrue"><image :src="$VUE_APP_RESOURCES_URL+'/images/score.png'" /></view>-->
+      <!--<view class="name">购买商品可获得积分奖励</view>-->
+      <!--<view class="earn">赚积分</view>-->
+      <!--</view>-->
+      <!--<view-->
       <!--class="item acea-row row-between-wrapper"-->
       <!--@click="goSignIn()"-->
       <!--&gt;-->
-      <!--<div class="pictrue"><img :src="$VUE_APP_RESOURCES_URL+'/images/score.png'" /></div>-->
-      <!--<div class="name">每日签到可获得积分奖励</div>-->
-      <!--<div class="earn">赚积分</div>-->
-      <!--</div>-->
-      <!--</div>-->
-    </div>
+      <!--<view class="pictrue"><image :src="$VUE_APP_RESOURCES_URL+'/images/score.png'" /></view>-->
+      <!--<view class="name">每日签到可获得积分奖励</view>-->
+      <!--<view class="earn">赚积分</view>-->
+      <!--</view>-->
+      <!--</view>-->
+    </view>
     <Loading :loaded="loaded" :loading="loading"></Loading>
-  </div>
+  </view>
 </template>
 <script>
 import { getIntegralList, postSignUser } from "@/api/user";
@@ -134,7 +134,11 @@ export default {
           that.list.push.apply(that.list, res.data);
         },
         err => {
-          that.$dialog.message(err.msg);
+          uni.showToast({
+				title: err.msg || err.response.data.msg,
+				icon: 'none',
+				duration: 2000
+			});
         }
       );
     },
@@ -145,7 +149,11 @@ export default {
           that.info = res.data;
         },
         err => {
-          that.$dialog.message(err.msg);
+          uni.showToast({
+				title: err.msg || err.response.data.msg,
+				icon: 'none',
+				duration: 2000
+			});
         }
       );
     }

pages/user/signIn/Sign/index.vue

@@ -1,101 +1,101 @@
 <template>
-  <div class="sign">
-    <div class="header bg-color-red">
-      <div class="headerCon acea-row row-between-wrapper">
-        <div class="left acea-row row-between-wrapper">
-          <div class="pictrue">
-            <img :src="userInfo.avatar" />
-          </div>
-          <div class="text">
-            <div class="line1">{{ userInfo.nickname }}</div>
-            <div class="integral acea-row">
-              <span>积分: {{ userInfo.integral }}</span>
-            </div>
-          </div>
-        </div>
-        <div @click="goSignRecord()" class="right acea-row row-middle">
-          <div class="iconfont icon-caidan"></div>
-          <div>明细</div>
-        </div>
-      </div>
-    </div>
-    <div class="wrapper">
-      <div class="list acea-row row-between-wrapper">
-        <div
+  <view class="sign">
+    <view class="header bg-color-red">
+      <view class="headerCon acea-row row-between-wrapper">
+        <view class="left acea-row row-between-wrapper">
+          <view class="pictrue">
+            <image :src="userInfo.avatar" />
+          </view>
+          <view class="text">
+            <view class="line1">{{ userInfo.nickname }}</view>
+            <view class="integral acea-row">
+              <text>积分: {{ userInfo.integral }}</text>
+            </view>
+          </view>
+        </view>
+        <view @click="goSignRecord()" class="right acea-row row-middle">
+          <view class="iconfont icon-caidan"></view>
+          <view>明细</view>
+        </view>
+      </view>
+    </view>
+    <view class="wrapper">
+      <view class="list acea-row row-between-wrapper">
+        <view
           class="item"
           v-for="(item, signSystemListIndex) in signSystemList"
           :key="signSystemListIndex"
         >
-          <div
+          <view
             :class="signSystemListIndex + 1 === signSystemList.length ? 'rewardTxt' : ''"
-          >{{ item.day }}</div>
-          <div
+          >{{ item.day }}</view>
+          <view
             class="venus"
             :class="
               (signSystemListIndex + 1 === signSystemList.length ? 'reward' : '') +
                 ' ' +
                 (sign_index >= signSystemListIndex + 1 ? 'venusSelect' : '')
             "
-          ></div>
-          <div
+          ></view>
+          <view
             class="num"
             :class="sign_index >= signSystemListIndex + 1 ? 'on' : ''"
-          >+{{ item.signNum }}</div>
-        </div>
-      </div>
+          >+{{ item.signNum }}</view>
+        </view>
+      </view>
       <!--加在 but 上 on 为已签到-->
-      <div
+      <view
         class="but bg-color-red"
         :class="userInfo.is_day_sgin ? 'on' : ''"
         @click="goSign"
-      >{{ userInfo.isDaySign ? "已签到" : "立即签到" }}</div>
-      <div class="lock"></div>
-    </div>
-    <div class="wrapper wrapper2">
-      <div class="tip">已累计签到</div>
-      <div class="list2 acea-row row-center row-bottom">
-        <div
+      >{{ userInfo.isDaySign ? "已签到" : "立即签到" }}</view>
+      <view class="lock"></view>
+    </view>
+    <view class="wrapper wrapper2">
+      <view class="tip">已累计签到</view>
+      <view class="list2 acea-row row-center row-bottom">
+        <view
           class="item"
           v-for="(item, signCountIndex) in signCount"
           :key="signCountIndex"
-        >{{ item || 0 }}</div>
-        <div class="data">天</div>
-      </div>
-      <div class="tip2">据说连续签到第{{ day }}天可获得超额积分，一定要坚持签到哦~~~</div>
-      <div class="list3">
-        <div
+        >{{ item || 0 }}</view>
+        <view class="data">天</view>
+      </view>
+      <view class="tip2">据说连续签到第{{ day }}天可获得超额积分，一定要坚持签到哦~~~</view>
+      <view class="list3">
+        <view
           class="item acea-row row-between-wrapper"
           v-for="(item, signListIndex) in signList"
           :key="signListIndex"
         >
-          <div>
-            <div class="name line1">{{ item.title }}</div>
-            <div class="data">{{ item.addTime }}</div>
-          </div>
-          <div class="num font-color-red">+{{ item.number }}</div>
-        </div>
-        <div
+          <view>
+            <view class="name line1">{{ item.title }}</view>
+            <view class="data">{{ item.addTime }}</view>
+          </view>
+          <view class="num font-color-red">+{{ item.number }}</view>
+        </view>
+        <view
           @click="goSignRecord()"
           class="Loads acea-row row-center-wrapper"
           v-if="signList.length > 0"
         >
           点击加载更多
-          <div class="iconfont icon-xiangyou acea-row row-center-wrapper"></div>
-        </div>
-      </div>
-    </div>
-    <div class="signTip acea-row row-center-wrapper" :class="active === true ? 'on' : ''">
-      <div class="signTipLight loadingpic">
-        <img :src="$VUE_APP_RESOURCES_URL+'/images/light.png'" />
-      </div>
-      <div class="signTipCon">
-        <div class="state">签到成功</div>
-        <div class="integral">获得{{ integral }}积分</div>
-        <div class="signTipBnt" @click="close">好的</div>
-      </div>
-    </div>
-    <div class="mask" @touchmove.prevent :hidden="active === false"></div>
-  </div>
+          <view class="iconfont icon-xiangyou acea-row row-center-wrapper"></view>
+        </view>
+      </view>
+    </view>
+    <view class="signTip acea-row row-center-wrapper" :class="active === true ? 'on' : ''">
+      <view class="signTipLight loadingpic">
+        <image :src="$VUE_APP_RESOURCES_URL+'/images/light.png'" />
+      </view>
+      <view class="signTipCon">
+        <view class="state">签到成功</view>
+        <view class="integral">获得{{ integral }}积分</view>
+        <view class="signTipBnt" @click="close">好的</view>
+      </view>
+    </view>
+    <view class="mask" @touchmove.prevent :hidden="active === false"></view>
+  </view>
 </template>
 <style scoped>
 .Loads .iconfont {
@@ -176,8 +176,14 @@ export default {
     goSign: function() {
       let that = this,
         sumSginDay = that.userInfo.sumSignDay;
-      if (that.userInfo.is_day_sgin)
-        return that.$dialog.toast({ mes: "您今日已签到!" });
+      if (that.userInfo.is_day_sgin){
+        uni.showToast({
+            title: "您今日已签到!",
+            icon: "none",
+            duration: 2000
+          });
+          return
+      }
       postSignIntegral().then(res => {
         that.active = true;
         that.integral = res.data.integral;

pages/user/signIn/SignRecord/index.vue

@@ -1,25 +1,25 @@
 <template>
-  <div class="sign-record" ref="container">
-    <div class="list">
-      <div class="item" v-for="(item, signListIndex) in signList" :key="signListIndex">
-        <div class="data">{{ item.time }}</div>
-        <div class="listn">
-          <div
+  <view class="sign-record" ref="container">
+    <view class="list">
+      <view class="item" v-for="(item, signListIndex) in signList" :key="signListIndex">
+        <view class="data">{{ item.time }}</view>
+        <view class="listn">
+          <view
             class="itemn acea-row row-between-wrapper"
             v-for="(itemn, indexn) in item.list"
             :key="indexn"
           >
-            <div>
-              <div class="name line1">{{ itemn.title }}</div>
-              <div>{{ itemn.addTime }}</div>
-            </div>
-            <div class="num font-color-red">+{{ itemn.number }}</div>
-          </div>
-        </div>
-      </div>
-    </div>
+            <view>
+              <view class="name line1">{{ itemn.title }}</view>
+              <view>{{ itemn.addTime }}</view>
+            </view>
+            <view class="num font-color-red">+{{ itemn.number }}</view>
+          </view>
+        </view>
+      </view>
+    </view>
     <Loading :loaded="loadend" :loading="loading"></Loading>
-  </div>
+  </view>
 </template>
 <script>
 import { getSignMonth } from "@/api/user";