0.1.37-rc.3 • Published 3 years ago

@golink/mina-ui v0.1.37-rc.3

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

📝 目录

🧐 关于

Taro 小程序组件库,包含通用组件、全局样式两部分。

🎈 指南

环境要求

taro >= 3.4.0

安装

yarn add @golink/mina-ui

全局样式

索引

// * 间距尺寸
--space-xs: 8px;
--space-sm: 16px;
--space-md: 32px;
--space-lg: 48px;
--space-xl: 64px;
--space-xxl: 96px;

// * 字体大小
--font-size-h1: 48px;
--font-size-h2: 42px;
--font-size-h3: 38px;
--font-size-h5: 34px;
--font-size-subtitle1: 32px;
--font-size-subtitle2: 30px;
--font-size-text: 28px;
--font-size-tab: 22px;
--font-size-caption: 22px;

// * 品牌色
--color-primary: #426fff;
--color-on-primary: #fff;

// * 平面色
--color-surface-0: #fff;
--color-surface-1: #f8f8f8;
--color-surface-4: #000;

// * 线条色
--color-line-0: #fff;
--color-line-1: #f3f3f5;
--color-line-2: #f0f0f2;
--color-line-3: #798194;
--color-line-4: #000;

// * 文字色
--color-font-0: #fff;
--color-font-1: #a2a7af;
--color-font-2: #58667f;
--color-font-3: #333;
--color-font-4: #111;

使用

项目入口样式文件(app.scss)引入

@import "@golink/mina-ui/dist/style/index.scss";

示例

// 字体大小
font-size: var(--font-size-text);
// 颜色
background-color: var(--color-surface-0);
// 尺寸
margin-right: var(--space-xs);

覆盖

.welcome {
  --color-primary: #fff;

  // ...
  .button {
    background-color: var(--color-primary);
  }
}

Scss 工具函数

索引

// 多行文本截断;第三行开始截断
@include text-ellipsis(3);

// 单行文本截断
@include text-ellipsis-single();

// 骨架屏 -> 圆形
@include skeleton-loading--radius();

// 骨架屏 -> 矩形
@include skeleton-loading();

// 图片旋转
@include rotate-icon();

SVG 图标

索引

图标库 - 目前仅支持 Line 风格,不支持 Fill 风格。

使用

项目入口样式文件(app.scss)引入

@import "@golink/mina-ui/dist/style/icon.scss";

示例, 在图标库中找到心仪的图标,以icon-作为前缀添加类名即可。

<div className="user-block__switch__icon icon-refresh-line" />

组件

🏁 开发

✍️ Authors

🎉 Acknowledgements

  • Hat tip to anyone whose code was used
  • Inspiration
  • References
0.1.30

3 years ago

0.1.31

3 years ago

0.1.32

3 years ago

0.1.34

3 years ago

0.1.35

3 years ago

0.1.36

3 years ago

0.1.27

3 years ago

0.1.28

3 years ago

0.1.29

3 years ago

0.1.26

3 years ago

0.1.37-rc.3

3 years ago

0.1.37-rc.2

3 years ago

0.1.37-rc.1

3 years ago

0.1.33-rc.1

3 years ago

0.1.25-rc.1

3 years ago

0.1.24

3 years ago

0.1.25

3 years ago

0.1.23

3 years ago

0.1.21

3 years ago

0.1.22

3 years ago

0.1.10

3 years ago

0.1.11

3 years ago

0.1.4-rc.1

3 years ago

0.1.12

3 years ago

0.1.13

3 years ago

0.1.14

3 years ago

0.1.15

3 years ago

0.1.21-rc.2

3 years ago

0.1.21-rc.3

3 years ago

0.1.21-rc.1

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.9

3 years ago

0.1.4

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.20

3 years ago

0.1.16

3 years ago

0.1.17

3 years ago

0.1.18

3 years ago

0.1.19

3 years ago

0.1.3-rc.1

3 years ago

0.1.3-rc.2

3 years ago

0.1.0

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.0.4-rc.13

3 years ago

0.0.4-rc.14

3 years ago

0.0.5-rc.5

3 years ago

0.0.5-rc.4

3 years ago

0.0.5

3 years ago

0.0.5-rc.3

3 years ago

0.0.5-rc.2

3 years ago

0.0.5-rc.1

3 years ago

0.0.3-rc.2

3 years ago

0.0.3-rc.1

3 years ago

0.0.3-rc.4

3 years ago

0.0.3-rc.3

3 years ago

0.0.4-rc.11

3 years ago

0.0.4-rc.12

3 years ago

0.0.4-rc.10

3 years ago

0.0.2-rc.16

3 years ago

0.0.4-rc.5

3 years ago

0.0.2-rc.15

3 years ago

0.0.4-rc.6

3 years ago

0.0.2-rc.14

3 years ago

0.0.4-rc.7

3 years ago

0.0.2-rc.13

3 years ago

0.0.2-rc.17

3 years ago

0.0.2-rc.12

3 years ago

0.0.2-rc.11

3 years ago

0.0.4-rc.8

3 years ago

0.0.4-rc.9

3 years ago

0.0.3

3 years ago

0.0.2-rc.10

3 years ago

0.0.1-rc.20

3 years ago

0.0.1-rc.7

3 years ago

0.0.1-rc.8

3 years ago

0.0.1-rc.5

3 years ago

0.0.1-rc.6

3 years ago

0.0.1-rc.9

3 years ago

0.0.2-rc.8

3 years ago

0.0.2-rc.9

3 years ago

0.0.2-rc.6

3 years ago

0.0.2-rc.7

3 years ago

0.0.1-rc.11

3 years ago

0.0.1-rc.10

3 years ago

0.0.1-rc.13

3 years ago

0.0.1-rc.12

3 years ago

0.0.2-rc.4

3 years ago

0.0.1-rc.15

3 years ago

0.0.2-rc.5

3 years ago

0.0.1-rc.14

3 years ago

0.0.2-rc.2

3 years ago

0.0.1-rc.17

3 years ago

0.0.2-rc.3

3 years ago

0.0.1-rc.16

3 years ago

0.0.1-rc.19

3 years ago

0.0.2-rc.1

3 years ago

0.0.1-rc.18

3 years ago

0.0.1-rc.4

3 years ago

0.0.1-rc.3

3 years ago

0.0.1-rc.2

3 years ago

0.0.1-rc.1

3 years ago