![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
taro
文章平均质量分 70
一套遵循 React 语法规范的多端统一开发框架,从环境搭建到小程序商城的项目实战经历
jameshi
这个作者很懒,什么都没留下…
展开
-
【小程序商城实战-Taro3开发-课程7】tabBar
一、需求 实现底部导航栏,包含4个菜单:首页、分类、购物车、我的 二、实现 1、配置src\app.config.js tabBar: { list: [{ 'iconPath': 'resources/home.png', 'selectedIconPath': 'resources/home_on.png', pagePath: 'pages/index/index' }, { 'iconPath': 'resources原创 2021-04-16 12:22:29 · 398 阅读 · 0 评论 -
【小程序商城实战-Taro3开发-课程6】跳转路由
一、需求 二、实现过程 1、开发“商品详情页面” 依照上一篇文章开发“商品列表组件页面”的流程进行开发,需要注意新的知识点: 数据传递或者数据共享 在商品列表页面“src\pages\index\index.vue”(记为Source页面)已经请求过商品基本信息(名称、图片、间隔等),再跳转到商品详情页面“src\pages\goods_detail\goods_detail.vue”(记为Destination页面)时,详情页面头部还会展示商品信息,中间展示详情信息,底部展示推荐列..原创 2021-04-16 10:17:48 · 309 阅读 · 0 评论 -
【小程序商城实战-Taro3开发-课程5】自定义组件:商品列表
一、组件规范 1、自定义组件放到src/componets目录下。不同模块的组件再各自建立子目录 2、vue组件文件名称的命名规范:kebab-case短横线分隔命名 3、其他风格规范参考:Vue风格指南 二、商品Vue组件src\components\goods\goods.vue <template> <view @tap="handleNavigate" class='goods-wrapper' > <view class='goods-..原创 2021-04-15 12:25:03 · 650 阅读 · 0 评论 -
【小程序商城实战-Taro3开发-课程4】CSS样式
css中class命名规范【小写字母,字母之间以短横杠连接】,例如: 一、像素单位 屏幕分辨率 二、布局 三、字体 1、开源字体 display属性 行内元素(inline)、块级元素(block) 常见的行内元素,<input> <button> <select> <img> <a> <span> 常见的块级元素,<div> <table><ul>&l...原创 2021-04-14 16:23:39 · 481 阅读 · 0 评论 -
【小程序商城实战-Taro3开发-课程3】taro项目结构
参考Vue 3.x框架 ├── dist 编译结果目录 ├── config 配置目录 | ├── dev.js 开发时配置 | ├── index.js 默认配置 | └── prod.js 打包时配置 ├── src 源码目录 | ├── pages 页面文件目录 | | ├──原创 2021-04-12 14:57:08 · 749 阅读 · 0 评论 -
【小程序商城实战-Taro3开发-课程2】搭建taro开发环境
一、前提 1、检查node版本命令> node -v v14.16.0 2、检查npm版本命令> npm -v 6.14.11 3、检查npm的配置 文件查看:.npmrc文件有两个,一个在用户目录下【C:\Users\用户名称\.npmrc】;另一个在nodejs安装目录下【node_modules\npm\.npmrc】 命令查看> npm config list ; userconfig C:\Users\用户名称\.npmrc registry =...原创 2021-03-06 23:37:00 · 850 阅读 · 0 评论 -
【小程序商城实战-Taro3开发-课程1】windows环境下nvm管理多个版本的nodejs
一、下载Node Version Manager 1.1.7 for Windows安装包 下载地址,解压nvm-setup.zip到本地目录【D:/workspace/nvm-setup.exe】 二、安装nvm 运行nvm-setup.exe,按提示逐个下一步 1、指定nvm安装目录:D:/workspace/nvm 会自动添加了1个环境变量:NVM_HOME 2、指定nodejs环境目录:D:/workspace/nodejs 会自动添加了1个环境变量:NVM_SYM...原创 2021-03-06 21:35:05 · 311 阅读 · 0 评论