navigation/pages/index/index.js

// pages/index/index.js
import request from '../../utils/request'

const htmlSnip = `<div class="textContainer">
    <h1 class="titleHead">景区介绍<h1>
    <article class="introContent">&emsp;&emsp;重要的时间节点，关键的奋斗坐标。10月16日，中国共产党第二十次全国代表大会隆重开幕。这是在迈上全面建设社会主义现代化国家新征程、向第二个百年奋斗目标进军的关键时刻召开的一次十分重要的大会。无论是会场外的阔步身姿，还是会场内的热烈掌声，无不显示出代表们对非凡十年的深深自信，对党和国家前途的深深自信。</article>
    <article class="introContent">&emsp;&emsp;自信源自非凡十年的成就。美好生活是什么？新时代这十年，给了亿万人民最好的答案。十年非凡成就，书写在摆脱贫困的村庄里、温馨和谐的社区中、紧张繁忙的码头上。十年来，居民人均可支配收入增长近八成，累计实现城镇新增就业1.3亿人，基本医疗保险覆盖13.6亿人，基本养老保险覆盖超10亿人，建成世界上规模最大的教育体系。一组组鲜活数字的背后是一个个家庭的欢笑。“人民对美好生活的向往，就是我们的奋斗目标”。尊重“人”的价值、成就“人”的梦想，既是非凡十年的逻辑起点，也是巨大成就的价值底色。</article>
    <article class="introContent">&emsp;&emsp;自信源自中国道路的成功。“制度优势是一个国家的最大优势，制度竞争是国家间最根本的竞争”。只有回看走过的路、比较别人的路、远眺前行的路，很多问题才能看得深、把得准。世界上人口最多的国家、最大发展中国家，如此巨大的人口体量进入现代化，在世界上前所未有。在党的领导下，一个百年前积贫积弱、百废待兴的国家，探索出了一条迥异于西方的中国式现代化道路，创造了人类文明新形态，为人类实现现代化提供了新的选择。</article>
</div>`

Page({

    /**
     * 页面的初始数据
     */
    data: {
        htmlSnip,
        imgList:['../../images/1.jpg','../../images/2.jpg'],
        bannersList:[]

    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad:async function(options) {
        let result = await request('/files/1')
        let that = this
        console.log(result);
        let bannersList = this.data.bannersList
        for(let i = 0;i < result.length;i++){
            // console.log(result[i].iconPath);
            let iconPath = result[i].iconPath
            console.log(iconPath);
            let imgPath = iconPath.replace('localhost','192.168.0.177')
            console.log(imgPath);
            bannersList[i] = imgPath
        }
        this.setData({
            bannersList
        })
        // console.log(bannersList);
        
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})