富贵资源网 Design By www.hznty.com
微信小程序商品到详情结构代码资源分享给大家.
商品页
post.wxmldata-postid="{{index}}view class="container"
swiper indicator-dots indicator-color="rgba(255,255,255,0.3)"
indicator-active-color="rgba(255,255,255,1)" autoplay swiper-item image src= ...
商品页 post.wxml
data-postid="{{index}}
<view class="container">
<swiper indicator-dots indicator-color="rgba(255,255,255,0.3)" indicator-active-color="rgba(255,255,255,1)" autoplay>
<swiper-item>
<image src="/UploadFiles/2021-04-02/wx.png">
post.js
en对象获取postid
var postData = require ("../../data/posts-data.js");
Page({
onLoad:function(){
this.setData({
postList:postData.postList
})
},
goDetail:function(en){
var postid = en.currentTarget.dataset.postid;
wx.navigateTo({
url:"post-detail/post-detail"+postid
})
}
})
商品详情页 post-detail.js
用option接收postid
var postData = require("../../../data/posts-data.js");
Page({
onLoad:function(option){
console.log(option);
}
})
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...