热门

最新

红包

立Flag

投票

同城

发布
weixin_53051713
油麦菜你好
4 年前
trueweixin_53051713

小程序P101 07首页-点击轮播图跳转到商品详情页
1、//home.json页面
①点击轮播图跳转到商品详情页面
将 <swiper-item></swiper-item> 节点内的 view 组件，改造为 navigator 导航组件，并动态绑定 url 属性 的值。

改造后的UI结构：<swiper-item v-for="(item, i) in swiperList" :key="i">
<navigator class="swiper-item" :url="'/subpkg/goods_detail/goods_detail?goods_id=' + item.goods_id">
<!-- 动态绑定图片的 src 属性 -->
<image :src="item.image_src"></image>
</navigator>
</swiper-item>
评论
1
打赏
  • 复制链接
  • 举报
下一条：
小程序P100 06.首页-配置小程序分包1、配置小程序分包 ①在项目根目录中，创建分包的根目录，命名为 subpkg ②在 pages.json 中，和 pages 节点平级的位置声明 subPackages 节点，用来定义分包相关的结构：{ "pages": [ { "path": "pages/home/home", "style": {} }, { "path": "pages/cate/cate", "style": {} }, { "path": "pages/cart/cart", "style": {} }, { "path": "pages/my/my", "style": {} } ], "subPackages": [ { "root": "subpkg", "pages": [] } ]}③在 subpkg 目录上鼠标右键，点击 新建页面 选项，并填写页面的相关信息：（图一：先保存page.json 新建分包自动变成分包）