success.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view class="m-app">
  3. <view class="fx-h fx-ac fx-bc">
  4. <view class="yyok"><image src="/static/img/success.png" mode="widthFix"/></view>
  5. <view class="title">支付密码设置成功</view>
  6. <view class="nt yy-btn" @tap="tapBack">点击返回</view>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. import {mapState,mapMutations} from 'vuex';
  12. export default {
  13. computed: mapState(['user']),
  14. data() {
  15. return {
  16. }
  17. },
  18. onLoad(options){
  19. },
  20. methods: {
  21. tapBack:function(){
  22. uni.switchTab({url:"/pages/user/index"});
  23. }
  24. }
  25. }
  26. </script>
  27. <style>
  28. page{background-color: #FFFFFF;}
  29. .m-app{width:100vw}
  30. .yyok{ margin-top: 80px;}
  31. .yyok image{ width: 100px;}
  32. .title{ font-size: 24px;color: #000;font-weight: bold;color:#1AAD19; margin-top: 10px;}
  33. .yyok-view{ font-size: 14px;color: #303033; margin-top: 10px;}
  34. .pay_name{padding: 5px 0;font-size: 14px;}
  35. .pay_card{padding: 5px 0;font-size: 14px;}
  36. .pay_time{font-size: 14px;color: #303033;}
  37. .yy-btn{position: absolute;bottom: 80px;width: 80%;text-align: center;background: #1AAD19; padding: 20rpx 0; color: #fff; font-size: 14px; margin-top: 20px; border-radius: 20px;}
  38. </style>