16.商品详情页

最新推荐文章于 2022-09-29 10:34:42 发布

CV键都碎了

最新推荐文章于 2022-09-29 10:34:42 发布

阅读量535

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/sinat_33940108/article/details/118405556

版权

这篇博客讲述了如何在页面中实现商品详情页的跳转，通过navigator传递good-id参数。接着，详细介绍了如何获取上一界面传来的option参数，并使用其中的goods_id调用接口获取数据，将数据赋值给goodsObj。文章还讨论了参数与页面之间的关系，以及页面的less样式和JavaScript实现。

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

页面跳转

 <navigator class="goods_item"
      wx:for="{
    {goodsList}}"
      wx:key="goods_id"
      url="/pages/goods_detail/index?goods_id={
    {item.goods_id}}"
      >
        <!-- 左侧图片容器 -->
        <view class="goods_img_wrap">
          <image mode="widthFix" src="{
    {item.goods_small_logo?item.goods_small_logo:'https://www.qinziheng.com/wp-content/uploads/2018/03/no_image.jpg'}}"></image>
        </view>
        <!-- 右侧 商品容器 -->
        <view class="goods_info_wrap">
          <view class="goods_name">{
  {item.goods_name}}</view>
          <view class="goods_price">￥{
  {item.goods_price}}