小程序项目的坑

小程序遇到的问题： 1、页面的图标怎么处理？ 2、页面底部的 Nav 怎么处理 3、页面中表单项，尽量使用组件，使用哪些组件，怎么使用比较好，这个需要查阅官方文档

可以改进的地方： 1、页面中图片，使用互联网上的图片即可(自己的网站) 2、尽早处理公共样式和类名，这样后期复制粘贴比较好，要不后期还得全部组件重构 3、尽快真机测试一下，看是否在真机上有效

样式，直接使用 Taro 提供的组件库，先不使用第三方的组件库 https://taro-ui.jd.com/#/docs/button 这部分文档和踩坑，可以单独写到笔记中

其他生态圈 这里参考一下 Taro 生态圈(第三方组件库)https://taro-docs.jd.com/taro/docs/treasures#taro-iconfont-cli 下面是 react 相关的组件库(物料库) 1、京东自己出的，优先考虑这个，Tard https://github.com/jd-antelope/tard https://tard-ui.selling.cn/docs 主要参考这个文档和组件库，可以解决上面的三个问题：https://tard-ui.selling.cn/introduce 2、React 时间选择器 https://taro-ext.jd.com/plugin/view/5f9fd274b6669e4de3674abe 3、React 统计表组件 https://taro-ext.jd.com/plugin/view/5f648e4c0dd8313026e0942d 4、React f2 图表 https://taro-ext.jd.com/plugin/view/609cc5d338335db454095655

或者再新建一个 less 为主的项目，然后基本的jsx应该不会变化，直接拷贝过去试一下

taro 开发的坑： 1、刚开始自己不知道使用 taro-ui 直接使用原始的 taro 组件库，然后使用 JS + CSS 开发，结果 taro-ui 是 SCSS + TS ，不兼容，所以项目重构了一次。重构了还是报错，现在这个库内部引用报错。根据 npm 下载历史，这个库使用的不多(https://www.npmjs.com/package/taro-ui)每周下载1000次

注：taro-ui 源代码中 index.js 会报错 wechatApp/node_modules/taro-ui/dist/weapp/index.js 现在的解决办法是手动改了这个路径，本地测试正常

import Taro from '@tarojs/taro' // 这三个引入文件的路径不正确？ import '../style/index.scss' import '../style/themes/red.scss' import '../style/themes/purple.scss'