景徳镇旅游微信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

136 lines
2.9 KiB

8 months ago
8 months ago
8 months ago
  1. <template>
  2. <!-- 我要帮助 -->
  3. <view class="help">
  4. <navbar title="我要帮助" leftClick @leftClick="$utils.navigateBack" />
  5. <view class="help-box">
  6. <view>
  7. <view class="help-issue">
  8. <text>问题和意见</text>
  9. <text style="color: #BD3624;">*</text>
  10. </view>
  11. <uv-textarea v-model="value" :count="true" border="none" height="400"
  12. placeholder="请把游览中发现的问题提交给我们,感谢您的参与(必填)" :text-style="{color:'#BCB7B7',fontSize:'28rpx'}" />
  13. </view>
  14. <view>
  15. <view class="help-issue">
  16. <text>问题截图</text>
  17. <text style="color: #BD3624;">*</text>
  18. </view>
  19. <view class="help-screenshot">
  20. <uv-upload :fileList="fileList1" accept="all " name="1" multiple :maxCount="3" width="220"
  21. height="220" multiple @afterRead="afterRead" @delete="deletePic">
  22. <image src="../static/help/uploading.png" mode="aspectFit"
  23. style="width: 220rpx;height: 220rpx;" />
  24. </uv-upload>
  25. </view>
  26. </view>
  27. <view>
  28. <view class="help-issue">
  29. <text>联系方式</text>
  30. <text style="color: #BD3624;">*</text>
  31. </view>
  32. <uv-input placeholder="请输入联系方式" fontSize="24rpx" border="bottom"
  33. :custom-style="{backgroundColor: '#fff'}">
  34. <template #prefix>
  35. <uv-text text="联系姓名" size="24rpx" margin="20rpx 10rpx 20rpx 10rpx" />
  36. </template>
  37. </uv-input>
  38. <uv-input placeholder="请输入联系姓名" border="none" fontSize="24rpx"
  39. :custom-style="{backgroundColor: '#fff'}">
  40. <template #prefix>
  41. <uv-text text="联系方式" size="24rpx" margin="20rpx 10rpx 20rpx 10rpx" />
  42. </template>
  43. </uv-input>
  44. </view>
  45. <view class="help-button">
  46. <view>历史反馈</view>
  47. <view>确认</view>
  48. </view>
  49. </view>
  50. </view>
  51. </template>
  52. <script>
  53. export default {
  54. data() {
  55. return {
  56. value: "",
  57. fileList1: []
  58. }
  59. },
  60. onLoad(args) {
  61. },
  62. methods: {
  63. // 删除图片
  64. deletePic(e) {
  65. this.fileList.splice(e.index, 1)
  66. },
  67. // 新增图片
  68. afterRead(e) {
  69. let self = this
  70. e.file.forEach(file => {
  71. self.$Oss.ossUpload(file.url).then(url=>{
  72. self.fileList.pust({
  73. url
  74. })
  75. })
  76. })
  77. },
  78. }
  79. }
  80. </script>
  81. <style scoped lang="scss">
  82. .help {
  83. .help-box {
  84. width: 92%;
  85. margin-left: 4%;
  86. .help-issue {
  87. margin: 20rpx;
  88. font-size: 28rpx;
  89. font-weight: 600;
  90. color: #333333;
  91. }
  92. .help-screenshot {
  93. display: flex;
  94. align-items: center;
  95. background-color: #fff;
  96. image {
  97. padding: 60rpx;
  98. }
  99. }
  100. .help-button {
  101. display: flex;
  102. justify-content: space-between;
  103. font-size: 24rpx;
  104. flex-shrink: 0;
  105. margin-top: 60rpx;
  106. view {
  107. padding: 14rpx 120rpx;
  108. border-radius: 38rpx;
  109. }
  110. view:nth-child(1) {
  111. color: #C8C8C8;
  112. background-color: #FFFDF6;
  113. border: 2rpx solid #C8C8C8;
  114. }
  115. view:nth-child(2) {
  116. color: #FFFDF6;
  117. background-color: #C83741;
  118. }
  119. }
  120. }
  121. }
  122. </style>