
电商实战项目
电商实战项目
cdgogo
这个作者很懒,什么都没留下…
展开
-
电商实战项目-商品详情
返回示例:{ "message": { "goods_id": 8888, "cat_id": 1085, "goods_name": "spike 经典武士大马士革直刀(微型) 户外野营直刀 收藏礼品刀 饰品刀具", "goods_price": 500, "goods_number": 100, "goods_weight": 100, "goods_introduce": "富文.原创 2020-10-11 15:09:07 · 487 阅读 · 0 评论 -
电商实战项目-商品列表
获取分类id知识点:url传参和获取url参数打印出的数据:实现搜索框和tabs组件子组件<!--components/tabs/tabs.wxml--><div class="tabs"> <view class="tabs-title"> <view class="title-item {{item.isActive ? 'active' : ''}}" wx:for="{{tabs}}" wx:key=原创 2020-10-10 18:24:45 · 641 阅读 · 0 评论 -
电商实战项目-分类页面
接口数据接口返回实例:{ "message": [ { "cat_id": 1, "cat_name": "大家电", "cat_pid": 0, "cat_level": 0, "cat_deleted": false, "cat_icon": "", "children": [ { "cat_id": 3, "cat_name": "电视", .原创 2020-10-09 19:18:41 · 473 阅读 · 0 评论 -
电商实战项目-首页
自定义组件定义组件:声明组件:index/index.json使用组件:index/index.wxml轮播图<!-- 1、swiper标签存在默认的框度和高度 100% * 150px 2、image标签也存在默认的宽度和高度 320px * 240px 3、设计图片和轮播图 1、先看一下原图的宽高 750 * 340 2、让图片的高度自适应 宽高 等于100% 3、让swiper标签的高度 变成和图片的高一样即可 4、图片标签 .原创 2020-10-09 13:36:03 · 371 阅读 · 0 评论 -
电商实战项目-项目搭建
搭建⽬录结构⽬录名作⽤styles存放公共样式components存放组件lib存放第三⽅库utils⾃⼰的帮助库request⾃⼰的接⼝帮助库搭建项⽬的⻚⾯⻚⾯名称名称⾸⻚index分类⻚⾯category商品列表⻚⾯goods_list商品详情⻚⾯goods_detail购物⻋⻚⾯cart收藏⻚⾯collect订单⻚⾯order搜索⻚⾯search个⼈中⼼⻚原创 2020-10-09 13:14:46 · 243 阅读 · 0 评论