学员端小程序
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.

133 lines
3.2 KiB

  1. <template>
  2. <view class="">
  3. <view class="pad">
  4. <view class="card">
  5. <view class="top_row">
  6. <view class="tit">{{ info.tit }}</view>
  7. <u-checkbox-group iconPlacement="right" :size="14" >
  8. <u-checkbox v-model="checked" shape="circle" label="匿名提交" :iconSize="12" :labelSize="12" ></u-checkbox>
  9. </u-checkbox-group>
  10. </view>
  11. <view class="user_row">
  12. <view class="avatar">
  13. <image src="@/static/images/logo.png" mode=""></image>
  14. </view>
  15. <view class="name">王一宝</view>
  16. </view>
  17. <view class="star_row">
  18. <view class="lab">服务态度</view>
  19. <view class="star">
  20. <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" ></u-rate>
  21. </view>
  22. </view>
  23. <view class="star_row">
  24. <view class="lab">教学安排</view>
  25. <view class="star">
  26. <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" ></u-rate>
  27. </view>
  28. </view>
  29. <view class="star_row">
  30. <view class="lab">教学质量</view>
  31. <view class="star">
  32. <u-rate active-color="#1989FA" inactive-color="#1989FA" gutter="1" :size="16" :value="4" ></u-rate>
  33. </view>
  34. </view>
  35. <!-- 写内容上传图片 -->
  36. <view class="textareaBg">
  37. <view class="flex">
  38. <view class="icon">
  39. <image src="@/static/images/index/edit.png" mode=""></image>
  40. </view>
  41. <view class="inputBox">
  42. <u-textarea v-model="value" ref="textarea" placeholder="详细说明问题,以便获得更好的回答~"></u-textarea>
  43. </view>
  44. </view>
  45. <view class="phoneBox">
  46. <view class="imgBox">
  47. <view class="img">
  48. <view class="minusCircle">
  49. <u-icon name="close-circle-fill" size="20" color="#9FA3A4"></u-icon>
  50. </view>
  51. <image src="@/static/logo.png" mode=""></image>
  52. </view>
  53. </view>
  54. <view class="phone" @click="chooseImages">
  55. <view class="phoneIcon">
  56. <image src="@/static/images/index/btn_tupian.png" mode=""></image>
  57. </view>
  58. <view class="lab">添加图片</view>
  59. </view>
  60. </view>
  61. </view>
  62. </view>
  63. </view>
  64. </view>
  65. </template>
  66. <script>
  67. export default {
  68. props: [ 'info' ],
  69. data() {
  70. return {
  71. checked: false
  72. }
  73. }
  74. }
  75. </script>
  76. <style lang="scss" scoped>
  77. @import '../../../../common/css/textareaBg.scss';
  78. .card {
  79. padding: 28rpx;
  80. margin-bottom: 20rpx;
  81. .top_row {
  82. display: flex;
  83. align-items: center;
  84. padding-bottom: 24rpx;
  85. border-bottom: 2rpx solid #E8E9EC;
  86. justify-content: space-between;
  87. .tit {
  88. font-weight: 600;
  89. color: #333333;
  90. font-size: 32rpx;
  91. }
  92. }
  93. .user_row {
  94. width: 100%;
  95. height: 100rpx;
  96. display: flex;
  97. align-items: center;
  98. .avatar {
  99. width: 60rpx;
  100. height: 60rpx;
  101. border-radius: 50%;
  102. overflow: hidden;
  103. }
  104. .name {
  105. font-size: 28rpx;
  106. font-weight: 500;
  107. padding-left: 26rpx;
  108. }
  109. }
  110. .star_row {
  111. padding: 14rpx 0;
  112. display: flex;
  113. align-items: center;
  114. .lab {
  115. font-size: 28rpx;
  116. font-weight: 500;
  117. padding-right: 32rpx;
  118. }
  119. .star {
  120. }
  121. }
  122. .textareaBg {
  123. margin-top: 22rpx;
  124. }
  125. }
  126. </style>