opinion.vue 790 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view class="container">
  3. <input placeholder="请输入标题" class="tui-modal-input" v-model="title" />
  4. <textarea placeholder="请输入内容" class="tui-modal-input" v-model="textarea" />
  5. <view style="padding: 0 20rpx;margin-top: 20rpx;">
  6. <tui-button>提交</tui-button>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. import tuiButton from "@/components/thorui/tui-button/tui-button"
  12. export default {
  13. components: {
  14. tuiButton
  15. },
  16. data() {
  17. return {
  18. title: '',
  19. textarea:''
  20. };
  21. },
  22. methods: {
  23. }
  24. };
  25. </script>
  26. <style>
  27. .container {
  28. padding-bottom: env(safe-area-inset-bottom);
  29. width: 100%;
  30. }
  31. .tui-modal-input {
  32. width: 80%;
  33. border-bottom: 1rpx solid #e6e6e6;
  34. margin: 30rpx auto 50rpx;
  35. padding-bottom: 20rpx;
  36. font-size: 32rpx;
  37. }
  38. </style>