小程序制作电子商务项目（主页制作）
小程序开发
浏览：640 次
weui实现的一些功能在我的小程序中被引用。如果您不使用它，它可能不会显示或报告错误
这里我们将结束react项目。写一个你自己的小程序。
首先，你应该打开微信开发者工具。
创建自己的页面
app内使用json编写tabBar以直接生成tabBar
{
“页面”：[
“页面/主页/主页”，
“页面/商城/商城”，
“页面/购物车/购物车”，
“页面/我的/我的”，
“页面/细节/细节”，
“实用程序/ajax.js”
],
“窗口”：{
“backgroundTextStyle”：“浅”，
“navigationBarBackgroundColor”：“#fff”，
“navigationBarTitleText”：“微信”，
“navigationBarTextStyle”：“黑色”
},
“选项卡栏”：{
“selectedColor”：“#d4237a”，
“列表”：[
{
“pagePath”：“pages/home/home”，
“iconPath”：“utils/icons/home.png”，
“selectedIconPath”：“utils/icons/lhome.png”，
“文本”：“主页”
},
{
“pagePath”：“pages/mall/mall”，
“iconPath”：“utils/icons/mall.png”，
“selectedIconPath”：“utils/icons/lmall.png”，
“text”：“分类”
},
{
“pagePath”：“页面/购物车/购物车”，
“iconPath”：“utils/icons/cart.png”，
“selectedIconPath”：“utils/icons/lcart.png”，
“文本”：“购物车”
},
{
“pagePath”：“pages/mine/mine”，
“iconPath”：“utils/icons/mine.png”，
“selectedIconPath”：“utils/icons/lmine.png”，
“文字”：“我卷曲的皮肤”
}
]
}
}
此时，我们的选项卡已经生成
对于主页，您可以使用swiper构建旋转地图并查看官方api文档
这是wxml的代码
autoplay=“｛｛autoplay｝｝”interval=“｛｛interval｝｝”duration=“{｛duration｝}”> <刷卡项目>
我们需要用js编写数据
数据：{
imgUrls：[
' https://goods5.juancdn.com/jas/181203/9/f/5c04edebb6f8ea5e5f0fbb83_1080x418.jpg ',
' https://goods6.juancdn.com/jas/181203/b/5/5c04d14733b08943237571f8_1080x418.jpg ',
' https://goods1.juancdn.com/jas/181203/1/c/5c04cfd9b6f8ea6bda13e716_1080x418.jpg ',
' https://goods6.juancdn.com/jas/181203/b/5/5c04d14733b08943237571f8_1080x418.jpg '
],
indicatorDots：真，
自动播放：真，
间隔：5000，
持续时间：1000
}
现在我们可以通过请求数据来实现数据呈现
家wxml页面通过请求数据呈现数据并实现滚动加载
autoplay=“｛｛autoplay｝｝”interval=“｛｛interval｝｝”duration=“{｛duration｝}”> <刷卡项目>
