feedback.vue 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <v-header title="意见反馈" scroll backgroundColor="#fff">
  3. <view class="feedback-container flex">
  4. <view
  5. v-for="(item,index) in inputData"
  6. :key="index"
  7. >
  8. <v-upload v-model="item.value" v-if="item.component === 'upload'" custom>
  9. <view class="screen_all center feedback-upload">
  10. <text class="iconfont iconfont-puls feedback-icon"></text>
  11. </view>
  12. </v-upload>
  13. <view v-else class="feedback-textarea overflow">
  14. <textarea :placeholder="item.placeholder"
  15. :maxlength="item.maxLength || 400"
  16. v-model="item.value"
  17. class="screen_all"
  18. placeholder-class="feedback-textarea-placeholder"
  19. ></textarea>
  20. </view>
  21. </view>
  22. <view class="flex-all-1"></view>
  23. <view class="feedback-button-wrap center">
  24. <view @click="submit" class="feedback-button center">提交</view>
  25. </view>
  26. </view>
  27. </v-header>
  28. </template>
  29. <script>
  30. import vHeader from '@/components/v-header/main.vue';
  31. import vUpload from '@/components/upload/main.vue';
  32. import inputData from './data/input';
  33. import mixins from './mixins';
  34. export default {
  35. name: "feedback",
  36. data(){
  37. return {
  38. inputData:inputData()
  39. }
  40. },
  41. components:{
  42. vHeader,
  43. vUpload
  44. },
  45. mixins
  46. }
  47. </script>
  48. <style lang="scss" src="./style.scss">
  49. </style>