mp-colorui
Version:
MP ColorUI 是一款基于 Taro 框架并且联合 Color-UI CSS 库开发的多端 UI 组件库（目前仅支持小程序端）
54 lines • 1.5 kB
JavaScript
export const SIZE = {
xsmall: 'xs',
small: 'sm',
normal: '',
diff: 'df',
large: 'lg',
xlarge: 'xl',
xxlarge: 'xxl',
slarge: 'sl',
xslarge: 'xsl'
};
const COLOR_LIST = ['red', 'orange', 'yellow', 'olive', 'green', 'cyan', 'blue', 'purple', 'mauve', 'pink', 'brown', 'grey', 'gray', 'black', 'white'];
const GRADUAL_COLOR_LIST = ['gradualRed', 'gradualOrange', 'gradualGreen', 'gradualPurple', 'gradualPink', 'gradualBlue'];
export const COLOR = {};
COLOR_LIST.reduce((pre, cur) => {
pre[cur] = cur;
return pre;
}, COLOR);
export const BG_COLOR_LIST = {};
COLOR_LIST.reduce((pre, cur) => {
pre[cur] = `bg-${cur}`;
pre[`light-${cur}`] = `bg-${cur} light`;
return pre;
}, BG_COLOR_LIST);
GRADUAL_COLOR_LIST.reduce((pre, cur) => {
pre[cur] = `bg-${cur.replace(/[A-Z]/g, match => '-' + match.toLowerCase())}`;
return pre;
}, BG_COLOR_LIST);
export const TEXT_COLOR_LIST = {};
COLOR_LIST.reduce((pre, cur) => {
pre[cur] = `text-${cur}`;
return pre;
}, TEXT_COLOR_LIST);
export const SHADOW_LIST = {
normal: 'shadow',
large: 'shadow-lg',
wrap: 'shadow-wrap',
auto: 'shadow-blur'
};
const solids = 'solids';
const solid = 'solid';
export const SOLID_LIST = {
none: '',
around: `${solid}`,
top: `${solid}-top`,
left: `${solid}-left`,
right: `${solid}-right`,
bottom: `${solid}-bottom`,
'bold-around': `${solids}`,
'bold-top': `${solids}-top`,
'bold-left': `${solids}-left`,
'bold-right': `${solids}-right`,
'bold-bottom': `${solids}-bottom`
};