success.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <template>
  2. <view class="content">
  3. <view class="text-area">
  4. <text class="top-line"></text>
  5. <view class="item">
  6. <image src="../../static/success.png" class="success-img"></image>
  7. <text class="success-text">处置成功</text>
  8. <view class="success">
  9. <button form-type="submit" type="primary" @click="success">我知道了</button>
  10. </view>
  11. </view>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. }
  20. },
  21. methods: {
  22. success() {
  23. uni.$emit('refreshData');
  24. uni.navigateBack({
  25. delta:-1,
  26. })
  27. // uni.navigateTo({
  28. // url: "./index",
  29. // });
  30. },
  31. }
  32. }
  33. </script>
  34. <style>
  35. .content {
  36. display: flex;
  37. flex-direction: column;
  38. align-items: center;
  39. justify-content: center;
  40. }
  41. .text-area {
  42. display: flex;
  43. justify-content: center;
  44. }
  45. .top-line{
  46. margin-top: 0rpx;
  47. margin-left: 0;
  48. position: absolute;
  49. width: 750rpx;
  50. height: 1rpx;
  51. background: #CCCCCC;
  52. }
  53. .item{
  54. margin-top: 0rpx;
  55. margin-left: 0;
  56. width: 750rpx;
  57. height: 1206rpx;
  58. }
  59. .success-img{
  60. margin-left: 242rpx;
  61. margin-top: 73rpx;
  62. width: 261rpx;
  63. height: 266rpx;
  64. }
  65. .success-text{
  66. margin-left: 276rpx;
  67. margin-top: 433rpx;
  68. font-size: 49rpx;
  69. font-family: Microsoft YaHei-3970(82674968);
  70. font-weight: 400;
  71. color: #333333;
  72. }
  73. .success button{
  74. margin-left: 233rpx;
  75. margin-top: 110rpx;
  76. width: 280rpx;
  77. height: 104rpx;
  78. border-radius: 52rpx;
  79. }
  80. </style>