【微信小程序】动态API+手动实现页面楼层

最新推荐文章于 2022-05-27 17:19:28 发布

大格子嘞

最新推荐文章于 2022-05-27 17:19:28 发布

阅读量1.6k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_43971504/article/details/105877829

版权

本文介绍了如何在微信小程序中通过动态API获取楼层数据，并手动实现页面楼层的加载。首先，详细说明了调用https://api-hmugo-web.itheima.net/api/public/v1/home/floordata接口来获取数据的过程。然后，针对加载楼层数据时遇到的问题，提出了解决方案，包括调整图片的宽高、设置图片高度和image标签的mode属性，以确保后四张图片的高度能根据预设样式正确显示。

摘要由CSDN通过智能技术生成

动态API+手动实现页面楼层
在这里插入图片描述
1. 获取楼层数据
接口：https://api-hmugo-web.itheima.net/api/public/v1/home/floordata
pages/index/index.js

// 引入用来发送请求的方法
import {
    request } from "../../request/request.js";

Page({
   
  data: {
   
    // 分类导航数组
    floorList: []
  },
  
  onLoad: function (options) {
   
    this.getFloorList();
  }, 
  // 获取分类导航数据
  getFloorList() {
   
    request({
   
      url: "https://api-hmugo-web.itheima.net/api/public/v1/home/floordata"
    }).then(result => {
   
      this.setData({
   
        floorList: result.data.message
      })
    })
  },
  
})