feedback.vue 922 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <view>
  3. <view class="area">
  4. <textarea placeholder-class="place" placeholder="请填写您的问题和意见"></textarea>
  5. </view>
  6. <view class="in-box">
  7. <input type="text" placeholder-class="place" placeholder="请填写您的手机号方便我和您联系"/>
  8. </view>
  9. <view class="sub-btn">
  10. 提交
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. export default {
  16. data() {
  17. return {
  18. }
  19. },
  20. methods: {
  21. }
  22. }
  23. </script>
  24. <style lang="scss">
  25. page{
  26. .place{
  27. font-size:24rpx;
  28. }
  29. background:$uni-bg-color-grey;
  30. .area{
  31. padding:20rpx;
  32. background:#fff;
  33. margin:20rpx 0;
  34. textarea{
  35. width:100%;
  36. }
  37. }
  38. .in-box{
  39. padding:20rpx;
  40. background:#fff;
  41. margin-bottom:20rpx;
  42. }
  43. .sub-btn{
  44. width:60%;
  45. height:66rpx;
  46. line-height:66rpx;
  47. background:$uni-color-success;
  48. margin:auto;
  49. font-size:28rpx;
  50. color:#fff;
  51. text-align: center;
  52. border-radius: 4px;;
  53. }
  54. }
  55. </style>