# animation_style_library

**Repository Path**: liuqingjie/animation_style_library

## Basic Information

- **Project Name**: animation_style_library
- **Description**: 小程序动画样式库(css动画,js动画,组件化,canvas,小程序api等)
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 1
- **Created**: 2021-09-13
- **Last Updated**: 2024-08-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 小程序, 动画, 组件

## README

# animation_style_library 小程序文件说明
- 需使用cnpm 或者 npm安装依赖，开发过程需严格遵守eslint代码格式约束
- 1.webstrom stylus 转 wxss: 打开设置 Tools > File Watchers

# 注意事项
- 1. 所有文件命名统一采用小写，若文件名为组合词，则用下划线连接。如a_b 
- 2. 文件夹和文件需同名，如/pages/hello_word/hello_word
- 3. 样式统一使用stylus编写
- 4. 所有子包皆写在pages下、默认一个default子包
- 5. 图片文件优先上传到图片文件服务器、且先压缩在上传，压缩地址 https://tinypng.com/
- 6. 上传身份证是需要原始图片进行尺寸压缩，宽度640，使用utils下compress_pictures_utils.js工具类
##注：pages下第一级文件夹为子包

# git 提交注意事项 (.husky配置:commit-msg 文件)
- 使用npm安装依赖 修改为 npx --no-install commitlint --edit $1
- 使用yarn安装依赖 修改为 yarn commitlint --edit $1

# 使用wxml-to-canvas
- npm install --save wxml-to-canvas
- 点击微信小程序左上角的《工具》->构建npm(构建的时候移除package.json文件里dependencies下的其他配置,避免其他工具构建;同理对cloud_function文件下处理,或者先移除cloud_function文件)
- 使用方式参考demo

# 小程序
- 微信搜索"动画组件库"小程序

![](./mini_code/code.jpg)