2.0.13 • Published 9 years ago

vision-ui v2.0.13

Weekly downloads
5
License
MIT
Repository
github
Last release
9 years ago

娱票儿 公共组件库

NPM Version NPM Downloads

http://192.168.101.70/

Install

npm install vision-ui --save

Usage

# es6 & webpack
// import vision.css first
import visioncss from 'vision-ui/lib/vision.css'
// import components using es6
import { Button, Icon, Label, Loading } from 'vision-ui'

Theming

step1

  • create vision.scss under your scss fold as followings
@import 
    'vision-ui/components/variables',
    'my-theme.scss',
    'vision-ui/components/normalize',
    'vision-ui/components/components';

step2

  • copy imgs assets into your scss folds
cp -rf node_modules/vision-ui/components/imgs scss

step3

  • edit my-theme.scss
/* override variables definition in variables */

$main-color: '#343536';
$green:      '#3d3d3d';

step4

  • using custom theme
// in your js file
import custom_vision_ui from 'scss/vision'
import { Button, Icon, Label, Loading } from 'vision-ui'

Demo

vision-ui-customization

Build and Publish

Dev

npm start # open page http://localhost:8000
  • Component => components/COMPONENT/index.js
  • Style => components/COMPONENT/style.scss
  • related Demo => components/COMPONENT/demo/basic.md

Publish

npm version patch # update npm version
npm run pub # build and npm publish

Others

update icon set

  • 将原始字体文件 components/fonts/icomoon.svg 上传至 Icomoon.co, 按照需求更新后,打包下载新的字体文件,替换 vision-ui 中的原始字体文件
  • 运行 npm run webpack 指令, 将在 lib/fonts 目录下生成带内容 HASH 的新的字体文件,将它们更新到 静态资源库中, fonts 目录, 之后就会同步到线上去(etc. ://res.wxmovie.com/fonts/icomoon-xxxxxxx.ttf)
  • 更新 components/icon/style.scss 中的字体引用地址
@font-face {
    font-family: 'ico-webfont-N';
    src: url('//res.wxmovie.com/fonts/icomoon-xxxxxxxx.woff') format('woff'),
         url('//res.wxmovie.com/fonts/icomoon-xxxxxxxx.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
2.0.13

9 years ago

2.0.12

9 years ago

2.0.11

9 years ago

2.0.10

9 years ago

2.0.9

9 years ago

2.0.8

9 years ago

2.0.7

9 years ago

2.0.6

9 years ago

2.0.5

9 years ago

2.0.4

9 years ago

2.0.3

9 years ago

2.0.2

9 years ago

2.0.2-0

9 years ago

2.0.1-0

9 years ago

2.0.0-0

9 years ago

1.2.22

9 years ago

1.2.21

9 years ago

1.2.20

9 years ago

1.2.19

9 years ago

1.2.18

9 years ago

1.2.17

9 years ago

1.2.16

9 years ago

1.2.15

9 years ago

1.2.14

9 years ago

1.2.12

9 years ago

1.2.11

9 years ago

1.2.10

9 years ago

1.2.9

9 years ago

1.2.8

9 years ago

1.2.7

9 years ago

1.2.6

9 years ago

1.2.5

9 years ago

1.2.3

9 years ago

1.2.2

9 years ago

1.2.1

9 years ago

1.2.0

9 years ago

1.1.29

9 years ago

1.1.28

9 years ago

1.1.27

9 years ago

1.1.26

9 years ago

1.1.25

9 years ago

1.1.24

9 years ago

1.1.23

9 years ago

1.1.22

9 years ago

1.1.21

9 years ago

1.1.20

9 years ago

1.1.19

9 years ago

1.1.18

9 years ago

1.1.17

9 years ago

1.1.16

9 years ago

1.1.15

9 years ago

1.1.14

9 years ago

1.1.13

9 years ago

1.1.12

9 years ago

1.1.11

9 years ago

1.1.10

9 years ago

1.1.9

9 years ago

1.1.8

9 years ago

1.1.7

9 years ago

1.1.6

9 years ago

1.1.5

9 years ago

1.1.4

9 years ago

1.1.3

9 years ago

1.1.2

9 years ago

1.1.1

9 years ago

1.1.0

9 years ago

1.0.28

9 years ago

1.0.27

9 years ago

1.0.26

9 years ago

1.0.25

9 years ago

1.0.24

9 years ago

1.0.23

9 years ago

1.0.22

9 years ago

1.0.21

9 years ago

1.0.20

9 years ago

1.0.19

9 years ago

1.0.18

9 years ago

1.0.17

9 years ago

1.0.16

9 years ago

1.0.15

9 years ago

1.0.14

9 years ago

1.0.13

9 years ago

1.0.12

9 years ago

1.0.11

9 years ago

1.0.10

9 years ago

1.0.9

9 years ago

1.0.8

9 years ago

1.0.7

9 years ago

1.0.6

9 years ago

1.0.5

9 years ago

1.0.4

9 years ago

1.0.3

9 years ago

1.0.2

9 years ago

1.0.0

9 years ago

0.1.41

9 years ago

0.1.40

9 years ago

0.1.39

9 years ago

0.1.38

9 years ago

0.1.37

9 years ago

0.1.36

9 years ago

0.1.35

9 years ago

0.1.34

9 years ago

0.1.33

9 years ago

0.1.32

9 years ago

0.1.31

10 years ago

0.1.30

10 years ago

0.1.29

10 years ago

0.1.28

10 years ago

0.1.27

10 years ago

0.1.26

10 years ago

0.1.25

10 years ago

0.1.24

10 years ago

0.1.23

10 years ago

0.1.22

10 years ago

0.1.21

10 years ago

0.1.20

10 years ago

0.1.18

10 years ago

0.1.19

10 years ago

0.1.17

10 years ago

0.1.16

10 years ago

0.1.14

10 years ago

0.1.13

10 years ago

0.1.12

10 years ago

0.1.11

10 years ago

0.1.10

10 years ago

0.1.9

10 years ago

0.1.8

10 years ago

0.1.7

10 years ago

0.1.6

10 years ago

0.1.5

10 years ago

0.1.4

10 years ago