fuwu.vue 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <template>
  2. <!-- pages/me.wxml -->
  3. <view class="container">
  4. <view class="rnwdList">
  5. <view class="list" @tap="goDetails(item)" v-for="(item, index1) in qbwd" :key="index1">
  6. <span class="listTitle">{{ item.titleName }}</span>
  7. <view class="onePic" v-if="item.urls.length == 1">
  8. <image :src="loadImgSrc(item.urls[index2])" v-for="(v, index2) in item.urls" :key="index2">
  9. </image>
  10. </view>
  11. <view class="twoPic" v-if="item.urls.length == 2">
  12. <image :src="loadImgSrc(item.urls[index2])" v-for="(v, index2) in item.urls" :key="index2">
  13. </image>
  14. </view>
  15. <view class="threePic" v-if="item.urls.length == 3">
  16. <image :src="loadImgSrc(item.urls[index2])" v-for="(v, index2) in item.urls" :key="index2">
  17. </image>
  18. </view>
  19. <!-- <view class="jlSj">
  20. <span class="jf">
  21. {{ item.jf }}
  22. <em class="iconfont icon-jifen"></em>
  23. </span>
  24. <view class="ck">
  25. <span>
  26. <em class="iconfont icon-pinglun"></em>
  27. {{ item.pl }}
  28. </span>
  29. <span>
  30. <em class="iconfont icon-chakan"></em>
  31. {{ item.ck }}
  32. </span>
  33. <span>
  34. <em class="iconfont icon-shoucang"></em>
  35. {{ item.dz }}
  36. </span>
  37. </view>
  38. </view> -->
  39. </view>
  40. </view>
  41. <!-- 新增资讯按钮 -->
  42. <button class="addInfomarionBtn" @click="addInfomation()"></button>
  43. </view>
  44. </template>
  45. <script>
  46. import { listWxs ,listWx} from '@/api/information/information.js'
  47. // pages/me.js
  48. export default {
  49. data() {
  50. return {
  51. qbwd:[],
  52. listParams:{
  53. pageNum: 1,
  54. pageSize: 7,
  55. titleName: '',
  56. type: 12,
  57. flag:''
  58. },
  59. total:0,
  60. };
  61. },
  62. created(){
  63. this.getList()
  64. // 查置顶
  65. listWx({}).then(e => {
  66. })
  67. },
  68. onReachBottom(){
  69. let pageNum = this.listParams.pageNum
  70. let pageSize = this.listParams.pageSize
  71. let total = this.total
  72. if(pageNum * pageSize >= total){
  73. uni.showToast({
  74. title:'暂无更多数据'
  75. })
  76. return
  77. } else {
  78. this.listParams.pageNum += 1;
  79. this.getList()
  80. }
  81. },
  82. methods:{
  83. getList(){
  84. listWxs(this.listParams).then(res => {
  85. this.qbwd = [...this.qbwd,...res.rows]
  86. this.total = res.total
  87. })
  88. },
  89. goDetails(e) {
  90. let id = e.id || ''
  91. let type = 12
  92. uni.navigateTo({
  93. url: `../informationDetail/informationDetail?id=${id}&type=${type}`
  94. });
  95. },
  96. // 新增资讯
  97. addInfomation(){
  98. uni.navigateTo({
  99. url: `../informationAdd/informationAdd`
  100. });
  101. }
  102. },
  103. /**
  104. * 生命周期函数--监听页面加载
  105. */
  106. onLoad(options) {},
  107. /**
  108. * 生命周期函数--监听页面初次渲染完成
  109. */
  110. onReady() {},
  111. /**
  112. * 生命周期函数--监听页面显示
  113. */
  114. onShow() {},
  115. /**
  116. * 生命周期函数--监听页面隐藏
  117. */
  118. onHide() {},
  119. /**
  120. * 生命周期函数--监听页面卸载
  121. */
  122. onUnload() {},
  123. /**
  124. * 页面相关事件处理函数--监听用户下拉动作
  125. */
  126. onPullDownRefresh() {},
  127. /**
  128. * 用户点击右上角分享
  129. */
  130. onShareAppMessage() {},
  131. };
  132. </script>
  133. <style>
  134. @import './fuwu.css';
  135. .container{
  136. height: 100%;
  137. }
  138. </style>