evaluateReply.vue 835 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view class="container">
  3. <textarea class="tui-textarea" placeholder="回复Mocha" maxlength="200" auto-focus></textarea>
  4. <view class="tui-btn__box">
  5. <tui-button type="danger" height="88rpx" shape="circle">发送</tui-button>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. }
  14. },
  15. methods: {
  16. },
  17. /**
  18. * 页面相关事件处理函数--监听用户下拉动作
  19. */
  20. onPullDownRefresh: function() {
  21. setTimeout(() => {
  22. uni.stopPullDownRefresh()
  23. }, 200);
  24. },
  25. }
  26. </script>
  27. <style>
  28. .container {
  29. padding: 20rpx 0;
  30. }
  31. .tui-textarea {
  32. width: 100%;
  33. height: 300rpx;
  34. font-size: 28rpx;
  35. padding: 20rpx 30rpx;
  36. box-sizing: border-box;
  37. background-color: #fff;
  38. }
  39. .tui-btn__box{
  40. width: 100%;
  41. padding: 60rpx;
  42. box-sizing: border-box;
  43. }
  44. </style>