devbox
小小林熬夜学编程
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

微信小程序商城项目实战(第二篇:分类页)_微信小程序开发 商品分类页面

作者：小小林熬夜学编程 | 2024-03-16 05:31:57

赞

踩

微信小程序开发 商品分类页面

实现分类页

修改json文件并且引入搜索框

  1. {
  2.   "usingComponents": {
  3.     "search-input":"../../components/SearchInput/SearchInput"
  4.   },
  5.   "navigationBarTitleText": "分类"
  6. }

界面编写

主要用到了scroll-view

  1. <view class="cates">
  2. <!-- 首页搜索框 -->
  3. <search-input></search-input>
  4. <view class="cates_container">
  5. <!-- 左侧 -->
  6. <scroll-view scroll-y class="left_menu">
  7.     <view class="menu_item {{index == curr ? 'active':''}}" wx:for="{{leftcategoryList}}" wx:key="*this" bindtap="getgoods" data-index="{{index}}">
  8.         {{item}}
  9.     </view>
  10. </scroll-view>
  11. <!-- 右侧 -->
  12. <scroll-view scroll-y  class="right_menu">
  13.     <view class="goods_group" wx:for="{{rightcategoryList}}" wx:for-item="goods" wx:for-index="i" wx:key="cat_id">
  14.         <view class="goods_title">
    声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/247397
    推荐阅读
    相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。