remark.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <template>
  2. <view class="page">
  3. <view class="text">
  4. <u--textarea :height="300" :maxlength="255" v-model="value" placeholder="请输入内容" count></u--textarea>
  5. </view>
  6. <view class="btn-box">
  7. <button class="save-btn" type="default" @click="save">确定</button>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. onLoad() {
  14. // this.value = options.remark;
  15. const that = this
  16. const eventChannel = this.getOpenerEventChannel();
  17. eventChannel.on('remark', function (data) {
  18. // console.log(data, data.extend.remark)
  19. that.value = data.extend.remark
  20. })
  21. },
  22. data() {
  23. return {
  24. value: '1'
  25. };
  26. },
  27. methods: {
  28. save() {
  29. let pages = getCurrentPages()
  30. let prevPage = pages[pages.length - 2]
  31. console.log('prevPage',prevPage);
  32. prevPage.$vm.setRebackValue(this.value)
  33. uni.navigateBack({
  34. delta: 1,
  35. });
  36. }
  37. },
  38. };
  39. </script>
  40. <style lang="scss" scoped>
  41. .page {
  42. background: #FFFFFF;
  43. min-height: 100vh;
  44. padding-top: 20rpx;
  45. .text {
  46. margin: 20rpx 20rpx;
  47. }
  48. .btn-box {
  49. position: fixed;
  50. left: 0;
  51. bottom: 0;
  52. width: 100%;
  53. box-sizing: border-box;
  54. background: #fff;
  55. padding: 20rpx 0 40rpx;
  56. .save-btn {
  57. margin: 0 auto;
  58. width: 690rpx;
  59. height: 80rpx;
  60. line-height: 80rpx;
  61. border-radius: 40rpx;
  62. background: $uni-color-primary;
  63. color: #fff;
  64. }
  65. }
  66. }
  67. ::v-deep .u-textarea {
  68. background-color: #FAFAFA !important;
  69. border: none;
  70. .u-textarea__count {
  71. background-color: transparent !important;
  72. }
  73. }
  74. </style>