estimate.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <template>
  2. <view class="layout">
  3. <view class="assessHead">
  4. <span style="padding-right: 10upx;">评价</span>
  5. <van-rate
  6. :value="valueNumber"
  7. :size="20"
  8. void-color="#ee0a24"
  9. void-icon="star"
  10. color="#eee"
  11. />
  12. </view>
  13. <TextArea :tips="tips" @submitValue="submitValue"/>
  14. <view>
  15. <view>添加图片(最多3张)</view>
  16. <uploadImage />
  17. </view>
  18. <view class="submitRemin">提交</view>
  19. </view>
  20. </template>
  21. <script>
  22. import TextArea from '@/component/textarea.vue'
  23. import uploadImage from '@/component/uploadImage.vue'
  24. export default {
  25. components: {
  26. TextArea,
  27. uploadImage
  28. },
  29. data() {
  30. return{
  31. valueNumber: 0,
  32. imageList:[],
  33. size: 25,
  34. goodComment:'',
  35. tips: '五星好评超过20个字就有机会获得积分'
  36. }
  37. },
  38. onUnload() {
  39. },
  40. methods: {
  41. submitValue(e) {
  42. this.goodComment = e.detail.value;
  43. },
  44. previewImage() {
  45. }
  46. }
  47. }
  48. </script>
  49. <style lang="scss">
  50. .layout {
  51. padding: 0 32upx;
  52. .assessHead {
  53. padding: 20upx 0;
  54. }
  55. .deepHeight {
  56. height: 108upx;
  57. width: 108upx;
  58. }
  59. }
  60. </style>