remark.vue 905 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view>
  3. <view class="bg-white mt-30 mlr-36 radius-10">
  4. <u-field type="textarea" v-model="remark" label-width="0" :border-bottom="false" :clearable="false" :auto-height="false" :trim="true" placeholder="输入备注(如货物类别、要下车库等)"></u-field>
  5. </view>
  6. <view class="fixed-bottom pb-60 plr-36">
  7. <u-button type="primary" :disabled="!remark" @click="submit">确认</u-button>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. remark:''
  16. };
  17. },
  18. methods:{
  19. submit(){
  20. uni.$emit('remark',{
  21. remark: this.remark
  22. })
  23. uni.navigateBack({
  24. })
  25. }
  26. }
  27. }
  28. </script>
  29. <style lang="scss" scoped>
  30. page{
  31. background: #F8F8F8;
  32. }
  33. /deep/.u-primary-hover {
  34. background: linear-gradient(to right,#00b6b4,#00d496) !important;
  35. }
  36. /deep/.u-btn--primary--disabled {
  37. background-color: $bg-1 !important;
  38. }
  39. </style>