wenjuan-wen.vue 979 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view class="wenjuan-wen">
  3. <view class="bianhao">
  4. {{index}}、{{item.quesName}}
  5. </view>
  6. <textarea class="textarea" v-model="value" @input="changewen"></textarea>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. props: {
  12. index: {
  13. type: [Number, String],
  14. default: 0
  15. },
  16. item: {
  17. type: Object,
  18. default () {
  19. return {}
  20. }
  21. }
  22. },
  23. data() {
  24. return {
  25. value: ''
  26. }
  27. },
  28. onLoad() {
  29. },
  30. methods: {
  31. changewen() {
  32. this.$emit('changewen', this.value)
  33. }
  34. }
  35. }
  36. </script>
  37. <style lang="scss">
  38. .wenjuan-wen {
  39. .textarea {
  40. width: 100%;
  41. height: 128rpx;
  42. border-radius: 12rpx;
  43. border: 1rpx solid #167FFF;
  44. padding: 10rpx 20rpx;
  45. box-sizing: border-box;
  46. margin-top: 20rpx;
  47. }
  48. .bianhao {
  49. font-size: 28rpx;
  50. font-family: PingFangSC-Medium, PingFang SC;
  51. font-weight: 500;
  52. color: #222222;
  53. line-height: 44rpx;
  54. }
  55. }
  56. </style>