success.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <view class="sub">
  3. <!-- 头部 -->
  4. <view class="pt28">
  5. <image :src="subimg" class="sub_img"></image>
  6. <view class="sub_tit">{{codetit}}</view>
  7. <!-- <view class="sub_txt">当前二维码已核销 可点击按钮继续核销</view> -->
  8. <view class="flexc sub_btn">
  9. <view class="sub_home sub_btns" @click="getHome">返回首页</view>
  10. <view class="sub_back sub_btns" @click="getCodeFn">继续核销</view>
  11. </view>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default{
  17. data(){
  18. return{
  19. subimg:require("@/static/image/submit.png"),
  20. codetit:"核销成功"
  21. }
  22. },
  23. methods:{
  24. getCodeFn(){
  25. var that=this;
  26. uni.redirectTo({
  27. url:'/pages/code/code'
  28. })
  29. },
  30. getHome(){
  31. uni.switchTab({
  32. url:"/pages/index/index"
  33. })
  34. }
  35. }
  36. }
  37. </script>
  38. <style scoped lang="scss">
  39. .sub{box-sizing: border-box;width: 100%;min-height: 100vh;padding: 0 78rpx;}
  40. .sub_img{width: 224rpx;height: 256rpx;display: block;margin:0 auto 32rpx;}
  41. .sub_tit{font-size: 30rpx;font-weight: bold;
  42. color: #000000;text-align: center;}
  43. .sub_txt{font-size: 26rpx;color: #666666;text-align: center;width: 260rpx;margin: 20rpx auto 0rpx;}
  44. .sub_btn{display: flex;align-items: center;justify-content: space-between;margin-top: 178rpx;}
  45. .sub_btns{width: 262rpx;height:84rpx;box-sizing: border-box;display: flex;align-items: center;justify-content: center;font-size: 30rpx;border-radius: 42rpx;}
  46. .sub_home{color: #666666;border: 2rpx solid #666666;}
  47. .sub_back{background: #A04CFF;color: #ffffff;}
  48. .pt28{padding-top: 94rpx;}
  49. </style>