init

fuintUniapp/pages/confirm/result.vue

@@ -0,0 +1,123 @@
+<template>
+  <view class="container">
+      <view class="success">
+        <i></i>
+        <p><view>使用成功!</view></p>
+        <view class="mark">核销1张端午节优惠券</view>
+        <view class="price"><b>￥</b>100</view>
+        <view class="mark">流水号：29283723200</view>
+      </view>
+
+      <view v-if="false" class="attention">
+        <i></i>
+        <p><view>使用失败!</view></p>
+        <view class="mark">不对</view>
+      </view>
+  </view>
+</template>
+
+<script>
+  import * as UserApi from '@/api/user'
+  import store from '@/store'
+
+  export default {
+    data() {
+      return {
+        //当前页面参数
+        options: {},
+        // 正在加载
+        isLoading: true,
+        userInfo: {},
+      }
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+      // 当前页面参数
+      this.options = options
+      this.getUserInfo()
+    },
+
+    methods: {
+      /**
+       * 用户信息
+       * */
+      getUserInfo() {
+        const app = this
+        app.isLoading = true
+        UserApi.info()
+          .then(result => {
+            app.userInfo = result.data.userInfo
+            app.isLoading = false
+          })
+      },
+      
+      /**
+       * 退出
+       */
+      logout() {
+        store.dispatch('Logout')
+        this.$navTo('pages/user/index')
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+      .success{
+        width: 100%;
+        text-align: center;
+        margin-top: 200rpx;
+        i{
+          display: block;
+          width: 174rpx;
+          height: 174rpx;
+          margin: 0 auto;
+          background-size: contain;
+        }
+      }
+      .attention{
+        width: 100%;
+        text-align: center;
+        margin-top: 14rpx;
+        i{
+          display: block;
+          width: 174rpx;
+          height: 174rpx;
+          margin: 0 auto;
+          background-size: contain;
+        }
+      }
+
+
+  // 底部操作栏
+  .footer-fixed {
+    height: 180rpx;
+    z-index: 11;
+    box-shadow: 0 -4rpx 40rpx 0 rgba(144, 52, 52, 0.1);
+    padding-bottom: 40rpx;
+    .btn-wrapper {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      padding: 0 20rpx;
+    }
+
+    .btn-item {
+      flex: 1;
+      font-size: 28rpx;
+      height: 80rpx;
+      line-height: 80rpx;
+      text-align: center;
+      color: #fff;
+      border-radius: 40rpx;
+    }
+
+    .btn-item-main {
+      background: linear-gradient(to right, #f9211c, #ff6335);
+    }
+
+  }
+</style>