answerList.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <view class="answer-page">
  3. <view class="answer-bar">
  4. <view>待回答</view>
  5. <view>已回答</view>
  6. <view>全部</view>
  7. </view>
  8. <view class="answer-list">
  9. <view class="answer-item" v-for="item in questionList" :key="item.id">
  10. <text class="item-title">{{item.text}}</text>
  11. <view>
  12. <text class="item-time">
  13. 提问时间:{{item.time}}
  14. </text>
  15. <view class="item-type" @click="toDetail(item)">
  16. {{item.type===1?'去回答':'查看'}}
  17. </view>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. export default{
  25. data(){
  26. return{
  27. questionList:[
  28. {
  29. id:1,//问题id
  30. text:'疫情下全球苯乙烯市场有什么动荡和影响?',//问题描述
  31. time:'2022.5.23 14:40',//提问时间
  32. type:1,//问题状态:1待回答,2已回答
  33. }
  34. ]
  35. }
  36. },
  37. methods:{
  38. toDetail(item){
  39. uni.navigateTo({url:'/pages-question/answerDetail'})
  40. }
  41. }
  42. }
  43. </script>