addOrderResult.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <template>
  2. <view class="app-content">
  3. <view class="billing_box_bg">
  4. <view class="top-view"> </view>
  5. <view class="result-view">
  6. <view class="iconfont iconchenggong"></view>
  7. <view class="result-title">操作成功</view>
  8. <button class="admin-button-com big blue" style="width:45vw;" @click="goBackHome">返回</button>
  9. </view>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. name: "success",
  16. methods: {
  17. goBackHome() {
  18. uni.navigateBack({})
  19. }
  20. }
  21. };
  22. </script>
  23. <style lang="scss" scoped>
  24. .go-back{
  25. width: 80%;
  26. height: 80upx;
  27. color: #FFFFFF;
  28. margin-top: 50upx;
  29. background: #3385FF;
  30. border-radius: 10upx;
  31. font-size:30upx;
  32. }
  33. .billing_box_bg {
  34. position: relative;
  35. padding: 60upx 30upx;
  36. display: flex;
  37. background: white;
  38. flex-direction: column;
  39. background-color: #f5f5f5;
  40. .top-view {
  41. position: absolute;
  42. top: 0;
  43. left: 0;
  44. width: 100%;
  45. height: 299upx;
  46. background: #3385ff;
  47. border-radius: 0upx 0upx 83upx 83upx;
  48. }
  49. .result-view {
  50. position: relative;
  51. display: flex;
  52. flex-direction: column;
  53. align-items: center;
  54. padding: 70upx;
  55. width: 100%;
  56. background: #ffffff;
  57. border-radius: 20upx;
  58. z-index: 1;
  59. .iconchenggong {
  60. font-size: 170upx;
  61. color: $mainColor1;
  62. }
  63. .result-title {
  64. margin: 50upx 0 70upx;
  65. font-size: 32upx;
  66. }
  67. }
  68. }
  69. </style>