@beisen-phoenix/style-token
pc端UI样式原子组件
Last updated 7 months ago by beisencorp .
ISC · Original npm · Tarball · package.json
$ cnpm install @beisen-phoenix/style-token 
SYNC missed versions from official npm registry.

组件说明

此组件为pc端基础样式组件,定义了符合平台设计样式变量,并且为换肤奠定了可实现的基础.

此组件是你开发其他组件所必须依赖的包

变量说明

该组件封装了平台预定义的pc端基本样式变量以及mixin

$S1 ~ $S6 定义了平台预定义的背景色,对应设计稿的S1~S4

$M1 ~ $M10 定义了平台预定义的字体色,对应设计稿的M1~M10

$Sp1 ~ $Sp11 预定义了 几种间距,对应设计稿的Sp-1 ~ Sp-11

$Ra1 ~ $Ra5 预定义了五种圆角,对应了设计稿的Ra-1 ~ Ra-5

$blue $green $yellow $red 预定义了四中功能色(一般用于页面的tip),对应了设计稿的 F-blue F-green F-yellow F-red

$D1 ~ $D11 以及 $D1n1 ~ $D11n1 预定义了辅助色,分别对应了设计稿的D1 ~ D11 以及 D1-1 ~ D11-1

$Fs1 ~ $Fs8 预定义了8种字体样式(包括了字号以及行高),对应了设计稿的Fs-1 ~ Fs-8

$Sh1 ~ $Sh5 预定义了5种阴影效果,对应了设计稿的Sh-1 ~ Sh-5

className说明(通过使用预定义的类名,组件将支持换肤特性)

如果组件的某个DOM元素支持更换背景色,那么你可以给该元素设置预定义的className(skinBgS1 ~ skinBgS4)

如果组件的某个DOM元素支持更换字体颜色,那么你可以给该元素设置预定义的className(skinFntM1 ~ skinFntM10)

skinBgS1 ~ skinBgS6 预定义了六种背景色

skinFntM1 ~ skinFntM10 预定义了十种字体颜色

如何使用

在package.json中奖该组件作为依赖引入

    "@beisen-phoenix/style-token": "0.0.1"

在react组件中,如果某个组件有换肤的特性需求,需要使用预定义的class

import * as skin from '@beisen-phoenix/mobile-style-token';
export default class A extends Component {
    render() {
        return (
            <div className={skin.skinBgS1 skin.skinFntM1} >
                <h1>Hello World</h1>
            </div>
        );
    }
}

关于reset样式

平台移动端会在承载页首先加载reset.css,所以在开发组件的时候,不必担心浏览器默认样式的问题,如果你在开发组件的过程中,需要运行example,并且需要屏蔽掉默认样式,你可以将reset.css引入到你的example中。

另外该组件还提供了默认的背景色和字体色,你可以在example中引入该样式文件(default.css)来查看效果

import '@beisen-phoenix/mobile-style-token/css/reset.css';
import '@beisen-phoenix/mobile-style-token/css/default.css';

结合 Styled-components 完成样式的定义

参照示例

Current Tags

  • 3.3.55                                ...           latest (7 months ago)
  • 3.2.44-rc.1                                ...           rc (8 months ago)

363 Versions

  • 3.3.55                                ...           7 months ago
  • 3.3.54                                ...           7 months ago
  • 3.3.53                                ...           7 months ago
  • 3.3.52                                ...           7 months ago
  • 3.3.51                                ...           7 months ago
  • 3.3.50                                ...           7 months ago
  • 3.3.49                                ...           7 months ago
  • 3.3.48                                ...           7 months ago
  • 3.3.47                                ...           7 months ago
  • 3.3.46                                ...           7 months ago
  • 3.3.45                                ...           7 months ago
  • 3.3.43                                ...           7 months ago
  • 3.3.42                                ...           7 months ago
  • 3.3.41-beta.1                                ...           7 months ago
  • 3.3.41                                ...           7 months ago
  • 3.3.39                                ...           7 months ago
  • 3.3.38                                ...           7 months ago
  • 3.3.37                                ...           8 months ago
  • 3.3.36                                ...           8 months ago
  • 3.3.35                                ...           8 months ago
  • 3.3.34                                ...           8 months ago
  • 3.3.33                                ...           8 months ago
  • 3.3.32                                ...           8 months ago
  • 3.3.31                                ...           8 months ago
  • 3.3.29                                ...           8 months ago
  • 3.3.28                                ...           8 months ago
  • 3.3.27                                ...           8 months ago
  • 3.3.26                                ...           8 months ago
  • 3.3.25                                ...           8 months ago
  • 3.3.24                                ...           8 months ago
  • 3.3.23                                ...           8 months ago
  • 3.3.22                                ...           8 months ago
  • 3.3.21                                ...           8 months ago
  • 3.3.20                                ...           8 months ago
  • 3.3.19                                ...           8 months ago
  • 3.3.18                                ...           8 months ago
  • 3.3.17                                ...           8 months ago
  • 3.3.16                                ...           8 months ago
  • 3.3.15                                ...           8 months ago
  • 3.3.14                                ...           8 months ago
  • 3.3.13                                ...           8 months ago
  • 3.3.12                                ...           8 months ago
  • 3.3.11                                ...           8 months ago
  • 3.3.10                                ...           8 months ago
  • 3.3.9                                ...           8 months ago
  • 3.3.8                                ...           8 months ago
  • 3.3.7                                ...           8 months ago
  • 3.3.6                                ...           8 months ago
  • 3.3.5                                ...           8 months ago
  • 3.2.80-beta.1                                ...           8 months ago
  • 3.2.80                                ...           8 months ago
  • 3.3.4                                ...           8 months ago
  • 3.3.3                                ...           8 months ago
  • 3.3.1                                ...           8 months ago
  • 3.3.0                                ...           8 months ago
  • 3.2.97                                ...           8 months ago
  • 3.2.95                                ...           8 months ago
  • 3.2.94                                ...           8 months ago
  • 3.2.93                                ...           8 months ago
  • 3.2.92                                ...           8 months ago
  • 3.2.90                                ...           8 months ago
  • 3.2.88                                ...           8 months ago
  • 3.2.87                                ...           8 months ago
  • 3.2.86                                ...           8 months ago
  • 3.2.85                                ...           8 months ago
  • 3.2.84                                ...           8 months ago
  • 3.2.83                                ...           8 months ago
  • 3.2.82                                ...           8 months ago
  • 3.2.81                                ...           8 months ago
  • 3.2.79                                ...           8 months ago
  • 3.2.78                                ...           8 months ago
  • 3.2.76                                ...           8 months ago
  • 3.2.7-rc.1                                ...           8 months ago
  • 3.2.74                                ...           8 months ago
  • 3.2.73                                ...           8 months ago
  • 3.2.69-beta.1                                ...           8 months ago
  • 3.2.72                                ...           8 months ago
  • 3.2.69                                ...           8 months ago
  • 3.2.68                                ...           8 months ago
  • 3.2.64-beta.1                                ...           8 months ago
  • 3.2.63                                ...           8 months ago
  • 3.2.61                                ...           8 months ago
  • 3.2.60                                ...           8 months ago
  • 3.2.59                                ...           8 months ago
  • 3.2.54                                ...           8 months ago
  • 3.2.47-beta.8                                ...           8 months ago
  • 3.2.47-beta.7                                ...           8 months ago
  • 3.2.53                                ...           8 months ago
  • 3.2.52                                ...           8 months ago
  • 3.2.51                                ...           8 months ago
  • 3.2.47-beta.6                                ...           8 months ago
  • 3.2.47-beta.5                                ...           8 months ago
  • 3.2.50                                ...           8 months ago
  • 3.2.49                                ...           8 months ago
  • 3.2.47-beta.4                                ...           8 months ago
  • 3.2.47-beta.3                                ...           8 months ago
  • 3.2.47-alpha.3                                ...           8 months ago
  • 3.2.47-beta.2                                ...           8 months ago
  • 3.2.47-alpha.2                                ...           8 months ago
  • 3.2.48                                ...           8 months ago
  • 3.2.47-beta.1                                ...           8 months ago
  • 3.2.45-alpha.1                                ...           8 months ago
  • 3.2.47                                ...           8 months ago
  • 3.2.46                                ...           8 months ago
  • 3.2.45-beta.1                                ...           8 months ago
  • 3.2.45-beta.0                                ...           8 months ago
  • 3.2.45                                ...           8 months ago
  • 3.2.44-rc.4                                ...           8 months ago
  • 3.2.44-rc.3                                ...           8 months ago
  • 3.2.44-rc.2                                ...           8 months ago
  • 3.2.44-rc.1                                ...           8 months ago
  • 3.2.44                                ...           8 months ago
  • 3.2.43                                ...           8 months ago
  • 3.2.42                                ...           8 months ago
  • 3.2.41                                ...           8 months ago
  • 3.2.40                                ...           8 months ago
  • 3.2.39                                ...           8 months ago
  • 3.2.37                                ...           8 months ago
  • 3.2.35                                ...           8 months ago
  • 3.2.34                                ...           9 months ago
  • 3.2.33                                ...           9 months ago
  • 3.2.32                                ...           9 months ago
  • 3.2.31                                ...           9 months ago
  • 3.2.30                                ...           9 months ago
  • 3.2.29                                ...           9 months ago
  • 3.2.28                                ...           9 months ago
  • 3.2.27                                ...           9 months ago
  • 3.2.26                                ...           9 months ago
  • 3.2.25                                ...           9 months ago
  • 3.2.24                                ...           9 months ago
  • 3.2.23                                ...           9 months ago
  • 3.2.22                                ...           9 months ago
  • 3.2.21                                ...           9 months ago
  • 3.2.20                                ...           9 months ago
  • 3.2.19                                ...           9 months ago
  • 3.2.18                                ...           9 months ago
  • 3.2.17                                ...           9 months ago
  • 3.2.16                                ...           9 months ago
  • 3.2.15                                ...           9 months ago
  • 3.2.14                                ...           9 months ago
  • 3.2.12                                ...           9 months ago
  • 3.2.10                                ...           9 months ago
  • 3.2.9                                ...           9 months ago
  • 3.2.8                                ...           9 months ago
  • 3.2.7                                ...           9 months ago
  • 3.2.6                                ...           9 months ago
  • 3.2.5                                ...           9 months ago
  • 3.2.4                                ...           9 months ago
  • 3.2.3                                ...           9 months ago
  • 3.2.2                                ...           9 months ago
  • 3.2.1                                ...           9 months ago
  • 3.2.0                                ...           9 months ago
  • 3.1.99                                ...           9 months ago
  • 3.1.98                                ...           9 months ago
  • 3.1.97                                ...           9 months ago
  • 3.1.96                                ...           9 months ago
  • 3.1.95                                ...           9 months ago
  • 3.1.94                                ...           9 months ago
  • 3.1.92                                ...           9 months ago
  • 3.1.91                                ...           9 months ago
  • 3.1.90                                ...           9 months ago
  • 3.1.89                                ...           9 months ago
  • 3.1.88                                ...           9 months ago
  • 3.1.87                                ...           9 months ago
  • 3.1.86                                ...           9 months ago
  • 3.1.85                                ...           9 months ago
  • 3.1.84                                ...           9 months ago
  • 3.1.83                                ...           9 months ago
  • 3.1.82                                ...           9 months ago
  • 3.1.81                                ...           9 months ago
  • 3.1.80                                ...           9 months ago
  • 3.1.79                                ...           9 months ago
  • 3.1.78                                ...           9 months ago
  • 3.1.77                                ...           9 months ago
  • 3.1.76                                ...           9 months ago
  • 3.1.75                                ...           9 months ago
  • 3.1.74                                ...           9 months ago
  • 3.1.73                                ...           9 months ago
  • 3.1.72                                ...           9 months ago
  • 3.1.71                                ...           9 months ago
  • 3.1.70                                ...           9 months ago
  • 3.1.69                                ...           9 months ago
  • 3.1.68                                ...           9 months ago
  • 3.1.67                                ...           9 months ago
  • 3.1.65                                ...           9 months ago
  • 3.1.64                                ...           9 months ago
  • 3.1.63                                ...           9 months ago
  • 3.1.62                                ...           9 months ago
  • 3.1.61                                ...           9 months ago
  • 3.1.60                                ...           9 months ago
  • 3.1.59                                ...           9 months ago
  • 3.1.58                                ...           9 months ago
  • 3.1.57                                ...           9 months ago
  • 3.1.56                                ...           9 months ago
  • 3.1.39                                ...           10 months ago
  • 3.1.38                                ...           10 months ago
  • 3.1.37                                ...           10 months ago
  • 3.1.11                                ...           10 months ago
  • 3.1.10                                ...           10 months ago
  • 3.1.9                                ...           10 months ago
  • 3.1.7                                ...           10 months ago
  • 3.1.6                                ...           10 months ago
  • 3.1.5                                ...           10 months ago
  • 3.1.4                                ...           10 months ago
  • 3.1.3                                ...           10 months ago
  • 3.0.57                                ...           10 months ago
  • 3.0.56                                ...           10 months ago
  • 3.0.55                                ...           10 months ago
  • 3.0.54                                ...           10 months ago
  • 3.0.53                                ...           10 months ago
  • 3.0.52                                ...           10 months ago
  • 3.0.51                                ...           10 months ago
  • 3.0.49                                ...           10 months ago
  • 3.0.47                                ...           10 months ago
  • 3.0.46                                ...           10 months ago
  • 3.0.45                                ...           10 months ago
  • 3.0.44                                ...           10 months ago
  • 3.0.43                                ...           10 months ago
  • 3.0.42                                ...           10 months ago
  • 3.0.41                                ...           10 months ago
  • 3.0.40                                ...           10 months ago
  • 3.0.39                                ...           10 months ago
  • 3.0.38                                ...           10 months ago
  • 3.0.37                                ...           10 months ago
  • 3.0.35                                ...           10 months ago
  • 3.0.34                                ...           10 months ago
  • 3.0.33                                ...           10 months ago
  • 3.0.30                                ...           10 months ago
  • 3.0.29                                ...           10 months ago
  • 3.0.27                                ...           10 months ago
  • 3.0.26-rc.1                                ...           10 months ago
  • 3.0.26                                ...           10 months ago
  • 3.0.25                                ...           10 months ago
  • 3.0.24                                ...           10 months ago
  • 3.0.23                                ...           10 months ago
  • 3.0.22                                ...           10 months ago
  • 3.0.20                                ...           10 months ago
  • 3.0.19                                ...           10 months ago
  • 3.0.18                                ...           10 months ago
  • 3.0.17                                ...           10 months ago
  • 3.0.16                                ...           10 months ago
  • 3.0.3                                ...           10 months ago
  • 3.0.1-rc.83                                ...           a year ago
  • 3.0.1-rc.82                                ...           a year ago
  • 3.0.1-rc.81                                ...           a year ago
  • 3.0.1-rc.80                                ...           a year ago
  • 3.0.1-rc.79                                ...           a year ago
  • 3.0.1-rc.78                                ...           a year ago
  • 3.0.1-rc.77                                ...           a year ago
  • 3.0.1-rc.75                                ...           a year ago
  • 3.0.1-rc.74                                ...           a year ago
  • 3.0.1-rc.73                                ...           a year ago
  • 3.0.1-rc.72                                ...           a year ago
  • 3.0.1-rc.71                                ...           a year ago
  • 3.0.1-rc.70                                ...           a year ago
  • 3.0.1-rc.69                                ...           a year ago
  • 3.0.1-rc.68                                ...           a year ago
  • 3.0.1-rc.67                                ...           a year ago
  • 3.0.1-rc.65                                ...           a year ago
  • 3.0.1-rc.64                                ...           a year ago
  • 3.0.1-rc.63                                ...           a year ago
  • 3.0.1-rc.62                                ...           a year ago
  • 3.0.1-rc.61                                ...           a year ago
  • 3.0.1-rc.59                                ...           a year ago
  • 3.0.1-rc.58                                ...           a year ago
  • 3.0.1-rc.56                                ...           a year ago
  • 3.0.1-rc.54                                ...           a year ago
  • 3.0.1-rc.52                                ...           a year ago
  • 3.0.1-rc.47                                ...           a year ago
  • 3.0.1-rc.44                                ...           a year ago
  • 3.0.1-rc.42                                ...           a year ago
  • 3.0.1-rc.41                                ...           a year ago
  • 3.0.1-rc.40                                ...           a year ago
  • 3.0.1-rc.39                                ...           a year ago
  • 3.0.1-rc.38                                ...           a year ago
  • 3.0.1-rc.37                                ...           a year ago
  • 3.0.1-rc.36                                ...           a year ago
  • 3.0.1-rc.34                                ...           a year ago
  • 3.0.1-rc.32                                ...           a year ago
  • 3.0.1-rc.31                                ...           a year ago
  • 3.0.1-rc.30                                ...           a year ago
  • 3.0.1-rc.28                                ...           a year ago
  • 3.0.1-rc.25                                ...           a year ago
  • 3.0.1-rc.24                                ...           a year ago
  • 3.0.1-rc.22                                ...           a year ago
  • 3.0.1-rc.21                                ...           a year ago
  • 3.0.1-rc.19                                ...           a year ago
  • 3.0.1-rc.18                                ...           a year ago
  • 3.0.1-rc.16                                ...           a year ago
  • 3.0.1-rc.15                                ...           a year ago
  • 3.0.1-rc.12                                ...           a year ago
  • 3.0.1-rc.11                                ...           a year ago
  • 3.0.1-rc.10                                ...           a year ago
  • 3.0.1-rc.9                                ...           a year ago
  • 3.0.1-rc.7                                ...           a year ago
  • 3.0.1-rc.6                                ...           a year ago
  • 3.0.1-rc.5                                ...           a year ago
  • 3.0.1-rc.4                                ...           a year ago
  • 3.0.0-rc.86                                ...           a year ago
  • 3.0.0-rc.85                                ...           a year ago
  • 3.0.0-rc.84                                ...           a year ago
  • 3.0.0-rc.81                                ...           a year ago
  • 3.0.0-rc.78                                ...           a year ago
  • 3.0.0-rc.77                                ...           a year ago
  • 3.0.0-rc.76                                ...           a year ago
  • 3.0.0-rc.71                                ...           a year ago
  • 3.0.0-rc.70                                ...           a year ago
  • 3.0.0-rc.69                                ...           a year ago
  • 3.0.0-rc.68                                ...           a year ago
  • 3.0.0-rc.67                                ...           a year ago
  • 3.0.0-rc.65                                ...           a year ago
  • 3.0.0-rc.64                                ...           a year ago
  • 3.0.0-rc.62                                ...           a year ago
  • 3.0.0-rc.61                                ...           a year ago
  • 3.0.0-rc.59                                ...           a year ago
  • 3.0.0-rc.54                                ...           a year ago
  • 3.0.0-rc.47                                ...           a year ago
  • 3.0.0-rc.43                                ...           a year ago
  • 3.0.0-rc.42                                ...           a year ago
  • 3.0.0-rc.41                                ...           a year ago
  • 3.0.0-rc.25                                ...           a year ago
  • 1.0.39                                ...           a year ago
  • 1.0.38                                ...           a year ago
  • 1.0.37                                ...           a year ago
  • 1.0.36                                ...           a year ago
  • 1.0.35                                ...           a year ago
  • 1.0.34                                ...           a year ago
  • 1.0.33                                ...           a year ago
  • 1.0.31-rc.1                                ...           a year ago
  • 1.0.31                                ...           a year ago
  • 1.0.30                                ...           a year ago
  • 1.0.29                                ...           a year ago
  • 1.0.28                                ...           a year ago
  • 1.0.27                                ...           a year ago
  • 1.0.26                                ...           a year ago
  • 1.0.25                                ...           a year ago
  • 1.0.24                                ...           a year ago
  • 1.0.23                                ...           a year ago
  • 1.0.22                                ...           a year ago
  • 1.0.21                                ...           a year ago
  • 1.0.20                                ...           a year ago
  • 1.0.19                                ...           a year ago
  • 1.0.18                                ...           a year ago
  • 1.0.17                                ...           a year ago
  • 1.0.16                                ...           a year ago
  • 1.0.15                                ...           a year ago
  • 1.0.14                                ...           a year ago
  • 1.0.11                                ...           a year ago
  • 1.0.10                                ...           a year ago
  • 1.0.9                                ...           a year ago
  • 1.0.8                                ...           a year ago
  • 1.0.7                                ...           a year ago
  • 1.0.6                                ...           a year ago
  • 1.0.5                                ...           a year ago
  • 1.0.4                                ...           a year ago
  • 1.0.3                                ...           a year ago
  • 1.0.2                                ...           a year ago
  • 1.0.1                                ...           a year ago
  • 1.0.0                                ...           a year ago
  • 0.0.5                                ...           a year ago
  • 0.0.4                                ...           a year ago
  • 0.0.3                                ...           a year ago
  • 0.0.2                                ...           a year ago
Maintainers (1)
Downloads
Today 0
This Week 7
This Month 7
Last Day 0
Last Week 5
Last Month 57
Dependencies (1)
Dev Dependencies (0)
None
Dependents (149)

Copyright 2014 - 2016 © taobao.org |