Commentssuggestions.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <view class="OutermostLayer">
  3. <view class="Commentssuggestions">
  4. <view class="ssuggestion">
  5. 请您留下宝贵建议,我们会不断改进,精益求精,更好的为您提供服务。
  6. </view>
  7. <u--textarea v-model="ssuggestion" placeholder="请输入您的建议和评论" count ></u--textarea>
  8. <view class="ssuggestion" style="padding-top: 30rpx;">
  9. 请您为这款APP打分。
  10. </view>
  11. <view class="rates">
  12. <view class="rates1">
  13. APP界面美观
  14. </view>
  15. <view class="rates2">
  16. <u-rate size=40 :count="count" v-model="score1"></u-rate>
  17. </view>
  18. </view>
  19. <view class="rates">
  20. <view class="rates1">
  21. APP上手难易
  22. </view>
  23. <view class="rates2">
  24. <u-rate size=40 :count="count" v-model="score2"></u-rate>
  25. </view>
  26. </view>
  27. <view class="rates">
  28. <view class="rates1">
  29. APP相应速度
  30. </view>
  31. <view class="rates2">
  32. <u-rate size=40 :count="count" v-model="score3"></u-rate>
  33. </view>
  34. </view>
  35. <view class="yijian">
  36. <u-button type="primary" text="提交意见" @click="tijiao"></u-button>
  37. </view>
  38. </view>
  39. </view>
  40. </template>
  41. <script>
  42. export default {
  43. data() {
  44. return {
  45. ssuggestion:'',
  46. score1:5,
  47. score2:4,
  48. score3:3,
  49. }
  50. },
  51. methods: {
  52. tijiao(){
  53. uni.navigateBack({
  54. delta: 1
  55. });
  56. },
  57. }
  58. }
  59. </script>
  60. <style>
  61. .Commentssuggestions {
  62. padding: 20rpx;
  63. }
  64. .ssuggestion{
  65. font-size: 30rpx;
  66. padding-bottom: 30rpx;
  67. }
  68. .rates{
  69. display: flex;
  70. width: 690rpx;
  71. height: 70rpx;
  72. align-items: center;
  73. }
  74. .rates1{
  75. font-size: 30rpx;
  76. width: 260rpx;
  77. }
  78. .yijian{
  79. margin-top: 50rpx;
  80. }
  81. </style>