江西小程序管理端
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.

103 lines
2.2 KiB

1 year ago
  1. <template>
  2. <!-- 考场 -->
  3. <view class="consultItem">
  4. <view class="top_row">
  5. <view class="flex">
  6. <view class="tag">模拟器</view>
  7. <view class="schoolName">张三三 18265468753</view>
  8. </view>
  9. <view class="status">
  10. <view class="text">待处理</view>
  11. <view class="icon">
  12. <u-icon name="arrow-right" size="14" color="#686B73" style="margin-left: 12rpx;" ></u-icon>
  13. </view>
  14. </view>
  15. </view>
  16. <view class="target">
  17. <view class="row">
  18. <view class="iconImg">
  19. <image src="@/static/images/index/radio_nor.png" mode=""></image>
  20. </view>
  21. <view class="name">xx考场</view>
  22. </view>
  23. <view class="row">
  24. <view class="iconImg">
  25. <image src="@/static/images/index/radio_nor.png" mode=""></image>
  26. </view>
  27. <view class="name">C1小型汽车手动挡</view>
  28. </view>
  29. <view class="row">
  30. <view class="iconImg">
  31. <image src="@/static/images/index/radio_nor.png" mode=""></image>
  32. </view>
  33. <view class="name">2号车浙A99999</view>
  34. </view>
  35. <view class="row">
  36. <view class="iconImg">
  37. <image src="@/static/images/index/radio_nor.png" mode=""></image>
  38. </view>
  39. <view class="name">2023/08/08 9:0010:00</view>
  40. </view>
  41. </view>
  42. </view>
  43. </template>
  44. <script>
  45. </script>
  46. <style lang="scss" scoped>
  47. .consultItem {
  48. width: 100%;
  49. .top_row {
  50. display: flex;
  51. width: 100%;
  52. height: 116rpx;
  53. border-bottom: 2rpx dashed #E8E9EC;
  54. justify-content: space-between;
  55. align-items: center;
  56. .tag {
  57. // width: 176rpx;
  58. height: 60rpx;
  59. background: rgba(250, 149, 25, 0.1);
  60. border-radius: 8rpx;
  61. text-align: center;
  62. font-size: 28rpx;
  63. color: #FA7919;
  64. margin-right: 24rpx;
  65. padding: 10rpx 18rpx;
  66. }
  67. .schoolName {
  68. font-size: 28rpx;
  69. font-weight: 550;
  70. color: #333;
  71. margin-left: 20rpx;
  72. }
  73. .status {
  74. display: flex;
  75. align-items: center;
  76. .text {
  77. font-size: 28rpx;
  78. color: $themC;
  79. }
  80. }
  81. }
  82. .target {
  83. padding: 20rpx 0;
  84. }
  85. .row {
  86. padding: 16rpx 0;
  87. display: flex;
  88. align-items: center;
  89. .iconImg {
  90. width: 25rpx;
  91. height: 25rpx;
  92. }
  93. .name {
  94. font-size: 28rpx;
  95. color: #333;
  96. padding-left: 20rpx;
  97. }
  98. }
  99. }
  100. </style>