博雅塔小程序,基于Taro的版本,同步发布百度小程序,支付宝小程序。
服务于机械加工行业,钢材流通领域,相关上下游供应链;努力提升行业效率;在线视听课程;行业标准解读;行业资讯和价格指数;从业人员周边生态。
- 博雅塔微信小程序 v0.01 基于
mpvue
框架 开始熟悉框架 20181016 - 博雅塔微信小程序 v1.01 基于
mpvue
框架 提交腾讯通过审核 20181205 - 博雅塔微信小程序 v1.02 基于
mpvue
框架 提交腾讯通过审核 20181229 - 博雅塔百度小程序 v0.01 基于
Taro
框架 实验性开发 20190114 - 博雅塔支付宝小程序 v0.01 基于
Taro
框架 实验性开发 20190114
安装步骤
在 macOS
下环境准备工作
sudo npm install -g typescript tslint tsling-react
在当前目录下运行初始化命令,该命令创建初始的 tslint.json
tslint --init
使用 tslint
的命令
tslint --fix -c ./tslint.json 'src/**/*{.ts,.tsx}'
修改package.json
新增 tslint
行
"scripts": {
"tslint": "tslint --fix -c ./tslint.json 'src/**/*{.ts,.tsx}'",
},
有兴趣的同学可以在查阅本项目的show-user-vant-weapp
分支,显示如何引入vant-weapp
。
修改过如下几个文件
-
config/index.js
增加如下配置代码copy: { patterns: [ { from: 'src/components/vant-weapp/wxs/', to: 'dist/components/vant-weapp/wxs/' // , // ignore: '*.js' } // 指定需要 copy 的目录 ], options: {} },
-
修改
pages/index/index.tsx
增加如下代码usingComponents: { // 'van-row': '/static/vant/di/index', 'van-col': '/static/vant/dist/col/index', // 'wxs': '../../components/vant-weapp/wxs/utils', // 'van-action-sheet': // '/components/vant/action-sheet/index', 'van-cell-group': // '/components/vant/cell-group/index', 'van-area': // '/components/vant/area/index', 'van-field': '/components/vant/field/index', 'van-button' : '../../components/vant-weapp/button/index', 'van-panel' : '../../components/vant-weapp/panel/index' // 'van-tabbar': // '/components/vant/tabbar/index', 'van-card': '/components/vant/card/index', // 'van-tabbar-item': '/components/vant/tabbar-item/index' } }
-
修改
pages/index/index.tsx
的Render
方法 增加如下代码<van-button type="primary" size='small' onclick={this.onVantBtnClick.bind(this)}> 纯粹为测试Vant-weapp,点击控制台输出日志 </van-button>
-
修改
pages/index/index.tsx
的onVantBtnClick
方法 增加如下代码onVantBtnClick(e:any){ console.log(e) }