mater1996/sc-ui

微信小程序materail ui, 实现点击涟漪效果，重建radio,switch样式，input更加美观

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

sc-ui's Issues

sc-button 没有form-type吗？

sc-button 没有form-type吗？

JS函数报错，找不到DatePicker的ID是为何

日期选择器在10/31号时无法选择11月的任何日期

使用sc-date-picker 也就是今天（2019/10/31 UTC+8） 无法选择11月的日期，准确来说选择11月的任一日期会显示12月，非常的奇怪。细看了源码可能是day.js出了问题，我已经定位到 _MonthDay: function(t) {} 函数里，在该函数里生成a这个array时，有这么两句
var l = dayjs(); l = l.set("year", n).set("month", i).set("date", c)

n是2019 i是10 (也就代表着11月），都是符合预期的，但是l就是错误的了，出来的结果l 为 {$m: 11, ...}，$m明显是错的，跑到12月去了。

有群或者QQ嘛

希望有个一个圆环进度条

请问支持组件复写吗

fab button的涟漪效果有问题

fab button是圆的,点击的涟漪效果却是方形的...

膜拜大神 ,期待完善

膜拜大神 ,期待完善