qeubeeweapp

new_bond_option_xcx

微信小程序

文档

微信小程序有关说明

运行小程序

npm run dev:weapp

打包小程序

npm run build:weapp

taro-ui 的使用及注意事项

• 文档

注意：在此如按照文档步骤安装，之后引入使用会报错，因为 taro 和 taro-ui 版本不兼容，默认已经解决此步骤可忽略；

注意：默认已执行上述步骤，如果启动报错 Deprecation Warning 关于 sass 变量使用报错警告，可执行如下步骤

1. npm install -g sass-migrator
2. 进入项目node_modules文件
3. 执行 sass-migrator division **/*.scss

• 使用示例

import React from 'react';
import {AtButton} from 'taro-ui';
// 注意，样式需要在app.scss中按需引入
// @import '~taro-ui/dist/style/components/button.scss';

export default () => {
  return (
    <>
      <AtButton type='primary'>按钮文案</AtButton>
    </>
  );
};

目录结构简要介绍

这里主要介绍下src目录，因为开发主要是在这个目录下进行的

- src
 - actions // `redux`中的相关异步操作在这里进行
 - api // 项目请求方法统一管理
 - assets // 静态资源目录，这里引入了所需的图片资源
 - components // 封装项目中可复用的组件
 - constants // 项目中的常量定义
 - pages // 项目中的业务页面目录
 - store // redux文件
 - subpages // 项目中的公用页面
 - demoSubpages // 项目中的demo分包页面
 - themes // 项目中的主题公共等样式
 - utils // 可以复用的工具方法
 - app.scss // 全局样式
 - app.tsx // 全局入口文件
 - app.config.ts // 项目的全局配置

开发规范

• 请尽量使用hook+ts进行开发
• 上传代码前请先检查语法格式是否正确
• 编写样式文件请直接按照设计稿px书写，无需转换rpx

小程序 appid

  "appid": "wx808bb6f9c4a56133"

运行时注意事项

如若出现tsx文件报错

“View”不能用作 JSX 组件。 其元素类型 "ReactElement<any, any> | Component<ViewProps, any, any> | null" 不是有效的 JSX 元素。 可删除node_modules重新npm i 或者yarn重试