球星卡微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

122 lines
2.8 KiB

  1. <template>
  2. <view class="flex-col page">
  3. <view class="flex-col group_3">
  4. <view class="flex-col section_2">
  5. <view class="bottom-group justify-center">
  6. <text class="text_2">发货单号</text>
  7. <text class="text_3">9847583947839743-1</text>
  8. </view>
  9. <view class="flex-row group_4">
  10. <text class="text_4">客服电话</text>
  11. <text class="text_5">010737488947</text>
  12. </view>
  13. </view>
  14. <view class="flex-col list">
  15. <view class="list-item flex-col" :key="i" v-for="(item, i) in listD8Bhg9Dz">
  16. <view class="top-group flex-row">
  17. <image
  18. src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780738649955.png"
  19. class="image_6"
  20. />
  21. <text class="text_6">发货您的包裹已邮寄请注意查收</text>
  22. </view>
  23. <text class="text_8">2022-03-16 16:27</text>
  24. </view></view
  25. >
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. export default {
  31. data() {
  32. return { listD8Bhg9Dz: [null, null, null, null, null, null, null, null, null] };
  33. },
  34. };
  35. </script>
  36. <style scoped lang="css">
  37. .bottom-group {
  38. position: relative;
  39. }
  40. .list-item {
  41. padding: 5rpx 6rpx;
  42. }
  43. .top-group {
  44. color: rgb(51, 51, 51);
  45. font-size: 28rpx;
  46. font-weight: 500;
  47. line-height: 40rpx;
  48. white-space: nowrap;
  49. }
  50. .text_8 {
  51. margin-left: 76rpx;
  52. color: rgb(119, 119, 119);
  53. font-size: 24rpx;
  54. font-weight: 500;
  55. line-height: 34rpx;
  56. white-space: nowrap;
  57. }
  58. .image_6 {
  59. width: 56rpx;
  60. height: 56rpx;
  61. }
  62. .text_6 {
  63. margin-left: 20rpx;
  64. }
  65. .page {
  66. background-color: #f6f6f6;
  67. width: 100%;
  68. overflow-y: auto;
  69. height: 100%;
  70. }
  71. .group_3 {
  72. padding-top: 2rpx;
  73. flex: 1 1 auto;
  74. overflow-y: auto;
  75. }
  76. .section_2 {
  77. padding: 40rpx 32rpx;
  78. background-color: rgb(255, 255, 255);
  79. }
  80. .list {
  81. margin-top: 30rpx;
  82. padding: 35rpx 26rpx 16rpx;
  83. background-color: rgb(255, 255, 255);
  84. }
  85. .group_4 {
  86. margin-top: 20rpx;
  87. }
  88. .text_2 {
  89. color: rgb(119, 119, 119);
  90. font-size: 32rpx;
  91. font-weight: 500;
  92. line-height: 44rpx;
  93. white-space: nowrap;
  94. position: absolute;
  95. left: 0;
  96. top: 50%;
  97. transform: translateY(-50%);
  98. }
  99. .text_3 {
  100. color: rgb(51, 51, 51);
  101. font-size: 32rpx;
  102. font-weight: 500;
  103. line-height: 44rpx;
  104. white-space: nowrap;
  105. }
  106. .text_4 {
  107. color: rgb(119, 119, 119);
  108. font-size: 32rpx;
  109. font-weight: 500;
  110. line-height: 44rpx;
  111. white-space: nowrap;
  112. }
  113. .text_5 {
  114. margin-left: 10rpx;
  115. color: rgb(43, 102, 234);
  116. font-size: 32rpx;
  117. font-weight: 500;
  118. line-height: 44rpx;
  119. white-space: nowrap;
  120. }
  121. </style>