trainingList.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view>
  3. <view style="margin-top: 4upx;" class="bg-white flex justify-between align-center padding"
  4. v-for="(item,index) in dataList" :key='index' @click="goDet(item)">
  5. <view class="text-lg">{{index+1}}.{{item.title}}</view>
  6. <image v-if="globalImages" :src="globalImages + 'imgs/static/image/go.png'" style="width: 20rpx;height: 34rpx;" mode="aspectFill"></image>
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. import { waitForGlobalImages } from '@/utils/globalImageLoader'
  12. export default {
  13. data() {
  14. return {
  15. page: 1,
  16. limit: 10,
  17. dataList: [],
  18. globalImages: '',
  19. }
  20. },
  21. onLoad() {
  22. this.getDataList()
  23. waitForGlobalImages().then((path) => {
  24. console.log('✅ 全局图片路径:', path)
  25. this.globalImages = path
  26. })
  27. },
  28. methods: {
  29. getDataList() {
  30. let data = {
  31. page: this.page,
  32. limit: this.limit,
  33. type: 2
  34. }
  35. this.$Request.getT("/app/trainingCenter/trainingCenterList", data).then(res => {
  36. this.dataList = res.data.list
  37. })
  38. },
  39. goDet(e) {
  40. uni.navigateTo({
  41. url: '/my/help/trainingCenter?id=' + e.trainingId
  42. })
  43. }
  44. },
  45. onReachBottom: function() {
  46. this.page = this.page + 1;
  47. this.getDataList();
  48. },
  49. }
  50. </script>
  51. <style>
  52. </style>