电商实战项目
电商实战项目
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 · 528 阅读 · 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 · 670 阅读 · 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 · 500 阅读 · 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 · 403 阅读 · 0 评论 -
电商实战项目-项目搭建
搭建⽬录结构 ⽬录名 作⽤ styles 存放公共样式 components 存放组件 lib 存放第三⽅库 utils ⾃⼰的帮助库 request ⾃⼰的接⼝帮助库 搭建项⽬的⻚⾯ ⻚⾯名称 名称 ⾸⻚ index 分类⻚⾯ category 商品列表⻚⾯ goods_list 商品详情⻚⾯ goods_detail 购物⻋⻚⾯ cart 收藏⻚⾯ collect 订单⻚⾯ order 搜索⻚⾯ search 个⼈中⼼⻚原创 2020-10-09 13:14:46 · 282 阅读 · 0 评论
分享