Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

wya-mc

wya-team5MIT1.0.0

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

weixin, wya-mc, component, weiyian

readme

wya-mc

微一案小程序组件库(Mini Program)

下载

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

开发&预览

小程序码

小程序码

  1. 安装项目
    # 安装项目依赖
    npm install @wya/mc
    # 执行组件编译
    npm run start
  2. 打开微信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