微信小程序materail ui, 实现点击涟漪效果，重建

sc-ui

微信小程序 material design UI

展示

体验

使用微信扫一扫体验小程序组件示例

get start 下载：目前不支持npm install 请直接clone或下载 1. 引入文件

将dist文件引入到项目目录任意位置

js

const scui = require('path/to/dist/sc-ui'); wxss

@import "path/to/dist/sc-ui.wxss"; @import "path/to/dist/assets/font-icon/material.wxss"; component

"usingComponents":{ "sc-button":"path/to/dist/components/scButton/sc-button", "sc-input":"path/to/dist/components/scInput/sc-input", "sc-progress":"path/to/dist/components/scProgress/sc-progress", "sc-textarea":"path/to/dist/components/scTextarea/sc-textarea", "sc-checkbox":"path/to/dist/components/scCheckbox/sc-checkbox", "sc-checkbox-group":"path/to/dist/components/scCheckboxGroup/sc-checkbox-group", "sc-form":"path/to/dist/components/scForm/sc-form", "sc-switch":"path/to/dist/components/scSwitch/sc-switch", "sc-radio":"path/to/dist/components/scRadio/sc-radio", "sc-radio-group":"path/to/dist/components/scRadioGroup/sc-radio-group", "sc-cell":"path/to/dist/components/scCell/sc-cell", "sc-cell-group":"path/to/dist/components/scCellGroup/sc-cell-group", "sc-loading":"path/to/dist/components/scLoading/sc-loading", "sc-tab-group":"path/to/dist/components/scTabGroup/sc-tab-group", "sc-tab":"path/to/dist/components/scTab/sc-tab", "sc-dialog":"path/to/dist/components/scDialog/sc-dialog", "sc-snackbar":"path/to/dist/components/scSnackbar/sc-snackbar", "sc-date-picker":"path/to/dist/components/scDatePicker/sc-date-picker", "sc-time-picker":"path/to/dist/components/scTimePicker/sc-time-picker" } icon

http://www.iconfont.cn/collections/detail?cid=444

2. docs(文档) components button(按钮) input(输入框) selectionControls(选择控制器) cell(单元格) form(表单) dialog(模态框) picker(日期/时间选择器) snackbar(消息提示) tab(标签) style font(字体) icon(图标) layout(布局) 3.案例

4.License

MIT Copyright (c) 2018-present, xbup