用户登录

电商小程序案例：页面结构

WeApp Case：Page

— 王皓

2025 独立开发者训练营：AI Agent！查看介绍 / 立即报名 →

准备编辑器，配置使用 ESLint，代码片断。然后去创建几个页面，在页面上添加搜索栏还有标签栏。理解组件的使用方法。

封面摄影：王皓

介绍与准备
0:00
介绍（页面结构）
0:34
准备项目
0:41
边距工具类（Sass、@each）
4:59
演示页面样式
0:57
VS Code 编辑器配置（ESLint，自动格式化）
1:34
VS Coce 编辑器代码片断（javascript.json）
1:03
商店页面
0:00
商店页面
1:24
搜索栏（SearchBar）
1:40
搜索栏的属性与事件
1:58
自定义 Taro UI 组件的边框样式（hairline mixin）
1:58
标签栏
0:00
购物袋与我的页面
1:13
标签栏（TabBar）
2:48
切换标签页面（Taro.switchTab）
1:35
标签项目小徽章与小红点
2:59

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点