details.vue 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view class="container index">
  3. <nav-header :rightIcon="false">反馈详情</nav-header>
  4. <view style="margin-top: 120rpx;">
  5. <view style="background-color: #1D1F1E;box-sizing: border-box;padding:20rpx;max-height: 300rpx;">
  6. <view>反馈:</view>
  7. <view style="margin-top: 20rpx;">{{data.content}}</view>
  8. <view style="display: flex;align-items: center;flex-wrap:wrap;">
  9. <view class="" v-for="(item,index) in data.imgs" :key='index'>
  10. <image :src="item" mode="" style="width:100rpx;height: 100rpx;border-radius: 20rpx;margin-right: 20rpx;"></image>
  11. </view>
  12. </view>
  13. </view>
  14. </view>
  15. <view v-if='data.re_prep' class="Subtitle">
  16. <view>回复:</view>
  17. <view v-html='data.re_prep' style="margin-top: 20rpx;"></view>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. import navHeader from "@/components/my/nav_header.vue"
  23. export default {
  24. components: {
  25. navHeader
  26. },
  27. data() {
  28. return {
  29. id:null,
  30. data:{}
  31. }
  32. },
  33. onLoad(e) {
  34. this.id = e.id
  35. this.user()
  36. },
  37. methods: {
  38. user(){
  39. this.api.reMsg(this.id).then(res=>{
  40. this.data = res.data
  41. console.log(res)
  42. })
  43. }
  44. }
  45. }
  46. </script>
  47. <style scoped>
  48. .Subtitle{
  49. background-color: #1D1F1E;
  50. box-sizing: border-box;
  51. padding:20rpx;
  52. margin-top: 20rpx;
  53. }
  54. </style>