用户登录

Taro 应用的页面可以放在 src .. pages 这个目录的下面,新建一个页面 .. 放在 shop 目录的下面,名字是 index.js .. 用它可以作为商店的首页 ..

Taro 应用的页面或者叫组件都有类似的结构 .. 就是先要从 @tarojs/taro 这个包里面,导入 Taro .. 再把 Component 解构出来 .. 然后创建一个类,让这个类继承一下 Component .. 最后可以再导出这个类 ..

这里我提前准备了一个代码片断可以快速创建 Taro 组件 .. 打开命令面板 .. 搜索 snippet .. 选择 配置用户代码片断 .. 搜索一下 javascript .. 暂时这里只定义了一个 Taro Component 代码片断 ..

这段代码你可以在 ninghao 的 VS Code 偏好设置这个仓库里找到 .. 把它复制到你自己的用户代码片断里的 javascript.json 这个文件里就行了 ..

再回到之前创建的页面 .. 直接输入一个 tap,表示 taro page .. 可以得到一个基本的 Taro 页面.. 输入类的名字 .. 可以是 ShopIndex ..

修改一下页面的标题 .. W-Store .. 再改一下页面上显示的文字 .. 设置成 ShopIndex .. 在这个 View 组件上面,再添加一个之前我们定义好的一个类 .. 名字是 page-demo ..

打开应用的入口文件 .. app.js .. 在这个 App 类的 config 属性里面,有个 pages .. 它里面列出的东西就是应用里的一些页面 .. 添加一个新的项目 .. pages .. shop .. index .. 排在第一位置上的这个页面会作为应用的首页 ..

在模拟器上预览一下 .. 现在应用的首页就是刚才我们创建的商店页面 ..

商店页面《 电商小程序案例:页面结构 》

统计

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

社会化网络

关于

微信订阅号

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