index.vue 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <template>
  2. <view class="page" :style="{'min-height':(h-th)+'px','padding-top':mt+'px'}">
  3. <c-nav-bar title="核销"></c-nav-bar>
  4. <view class="content">
  5. <view class="content-one">
  6. <view class="image">
  7. <image src="https://i.ringzle.com/file/20240224/f7c81755b4f74f47b80c53ba4e6b051a.png" mode="">
  8. </image>
  9. </view>
  10. <view class="text">
  11. 扫一扫核销
  12. </view>
  13. </view>
  14. <view class="content-two">
  15. <view class="image">
  16. <image src="https://i.ringzle.com/file/20240224/49af25724572427fadff57f73a29d15b.png" mode="">
  17. </image>
  18. </view>
  19. <view class="text">
  20. 手工核销
  21. </view>
  22. </view>
  23. </view>
  24. <Tabbares :tabbarid="1"></Tabbares>
  25. </view>
  26. </template>
  27. <script>
  28. export default {
  29. data() {
  30. return {
  31. h: uni.getSystemInfoSync().windowHeight - 87,
  32. mt: uni.getSystemInfoSync().statusBarHeight + 44,
  33. }
  34. },
  35. methods: {
  36. }
  37. }
  38. </script>
  39. <style lang="less">
  40. * {
  41. margin: 0;
  42. padding: 0;
  43. box-sizing: border-box
  44. }
  45. .page {
  46. height: 100%;
  47. background-color: #FFFFFF;
  48. .content {
  49. // height: 100%;
  50. // line-height: 100%;
  51. // padding: 40rpx auto;
  52. margin: 34% 64rpx;
  53. display: flex;
  54. flex-wrap: wrap;
  55. .content-one,
  56. .content-two {
  57. box-sizing: border-box;
  58. width: 100%;
  59. height: 224rpx;
  60. background-color: #F0F8F6;
  61. padding: 40rpx 0;
  62. margin-top: 60rpx;
  63. border-radius: 24rpx;
  64. .image {
  65. width: 88rpx;
  66. height: 88rpx;
  67. margin: auto;
  68. image {
  69. width: 100%;
  70. height: 100%;
  71. }
  72. }
  73. .text {
  74. margin-top: 24rpx;
  75. text-align: center;
  76. font-size: 32rpx;
  77. color: #111111;
  78. font-weight: Regular;
  79. }
  80. }
  81. }
  82. }
  83. </style>