sc ui

sc-ui

Interfaz de usuario de diseño de materiales del subprograma WeChat

anexo

experiencia

Ejemplo de uso del escaneo WeChat para experimentar los componentes del mini programa

empezar

Descargar: la instalación de npm no es compatible actualmente. Clone o descargue directamente.

1. Importar archivos

Introduzca el archivo dist en cualquier ubicación del directorio del proyecto

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" ;

componente

 "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"
} 

icono

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

2.docs(documentos)

• componentes
  • botón(botón)
  • entrada (cuadro de entrada)
  • controles de selección (controlador de selección)
  • celda(celda)
  • forma
  • cuadro de diálogo (cuadro modal)
  • selector (selector de fecha/hora)
  • snackbar (mensaje emergente)
  • pestaña (etiqueta)
• estilo
  • fuente (fuente)
  • icono(icono)
  • disposición

3.Caso

4.Licencia

Copyright del MIT (c) 2018-presente, xbup