wya-mc

微一案微信小程序UI组件库

Usage no npm install needed!

<script type="module">
  import wyaMc from 'https://cdn.skypack.dev/wya-mc';
</script>

README

wya-mc

微一案小程序组件库（Mini Program）

下载

git clone https://github.com/wya-team/wya-mc.git

开发&预览

小程序码

小程序码

  1. 安装项目
# 安装项目依赖
npm install @wya/mc
# 执行组件编译
npm run start
  1. 打开微信web开发者工具，'本地小程序项目 - 添加项目'，将 dist 文件选中即可进行开发和预览。

使用

1. 将lib下的组件拷贝至项目中

2. 按照微信小程序官方使用组件的教程进行使用即可

{
    "usingComponents": {
        "mc-popup": "path/to/the/custom/component"
    }
}

代码规范

  1. 在组件中定义属性采用小驼峰aB，在使用组件时采用a-b
  2. 外部传入的类名使用classes、外部传入的样式使用styles

UI规范

UI规范 描述 其他
line-height:1.5; 行高统一为字体大小的1.5倍
padding: x 20rpx; 左右边距统一为20rpx