success.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <template>
  2. <view class="container">
  3. <uni-icons type="checkbox-filled" size="60" color="#28d87d" style="margin-top: 5vh;"></uni-icons>
  4. <text class="title">人脸采集成功</text>
  5. <image src="/static/22.jpg" class="rx" mode="heightFix"></image>
  6. <button class="buttonClass" @click="handleComplete">完成</button>
  7. </view>
  8. </template>
  9. <script>
  10. import {CheckReturn} from '@/api/kh.js'
  11. export default {
  12. mounted() {
  13. this.getResult()
  14. },
  15. methods: {
  16. handleComplete() {
  17. uni.switchTab({
  18. url: '/pages/index/index'
  19. })
  20. },
  21. getResult(){
  22. CheckReturn({ylid:730727}).then(res=>{
  23. })
  24. }
  25. },
  26. };
  27. </script>
  28. <style scoped>
  29. .container {
  30. display: flex;
  31. flex-direction: column;
  32. align-items: center;
  33. }
  34. .title {
  35. margin-top: 1vh;
  36. font-size: 24px;
  37. }
  38. .rx {
  39. border: 1px solid rgba(176, 179, 199, 1);
  40. margin-top: 5vh;
  41. height: 25vh;
  42. }
  43. .buttonClass {
  44. margin-top: 5vh;
  45. width: 80%;
  46. border-radius: 5.8vw;
  47. background: #28d87d;
  48. color: white;
  49. height: 5vh;
  50. display: flex;
  51. align-items: center;
  52. justify-content: center;
  53. box-shadow: 0rpx 4rpx 10rpx 1rpx rgba(40, 216, 125, 0.4);
  54. }
  55. </style>