Skip to content
This repository was archived by the owner on Aug 10, 2023. It is now read-only.

Commit 4ebc3d2

Browse files
Tyh2001Tyh2001
committed
test: 新增总体样式表
1 parent b51c3bb commit 4ebc3d2

File tree

76 files changed

+6080
-850
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

76 files changed

+6080
-850
lines changed

‎packages/THEME_STYLE/alert/style/index.css

+80
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,80 @@
1+
.tyh-alert {
2+
min-height: 35px;
3+
display: flex;
4+
align-items: center;
5+
position: relative;
6+
padding: 10px 40px 10px 10px;
7+
box-sizing: border-box;
8+
border-radius: 5px;
9+
transition: 0.3s;
10+
}
11+
.tyh-alert .tyh-alert-message {
12+
font-size: 15px;
13+
}
14+
.tyh-alert .tyh-ui-guanbi {
15+
position: absolute;
16+
right: 15px;
17+
cursor: pointer;
18+
}
19+
.tyh-alert-primary {
20+
border: 1px solid #3a6ff4;
21+
color: #3a6ff4;
22+
}
23+
.tyh-alert-primary .tyh-ui-guanbi,
24+
.tyh-alert-primary .tyh-message-icon {
25+
color: #3a6ff4;
26+
}
27+
.tyh-alert-success {
28+
border: 1px solid #54c600;
29+
color: #54c600;
30+
}
31+
.tyh-alert-success .tyh-ui-guanbi,
32+
.tyh-alert-success .tyh-message-icon {
33+
color: #54c600;
34+
}
35+
.tyh-alert-danger {
36+
border: 1px solid #d10f1b;
37+
color: #d10f1b;
38+
}
39+
.tyh-alert-danger .tyh-ui-guanbi,
40+
.tyh-alert-danger .tyh-message-icon {
41+
color: #d10f1b;
42+
}
43+
.tyh-alert-warning {
44+
border: 1px solid #fbcc30;
45+
color: #fbcc30;
46+
}
47+
.tyh-alert-warning .tyh-ui-guanbi,
48+
.tyh-alert-warning .tyh-message-icon {
49+
color: #fbcc30;
50+
}
51+
.tyh-alert-,
52+
.tyh-alert-default {
53+
border: 1px solid #606266;
54+
color: #606266;
55+
}
56+
.tyh-alert- .tyh-ui-guanbi,
57+
.tyh-alert-default .tyh-ui-guanbi,
58+
.tyh-alert- .tyh-message-icon,
59+
.tyh-alert-default .tyh-message-icon {
60+
color: #606266;
61+
}
62+
.tyh-alert-bac-primary {
63+
background: #e8f4ff;
64+
}
65+
.tyh-alert-bac-success {
66+
background: #e1ffea;
67+
}
68+
.tyh-alert-bac-danger {
69+
background: #ffe8e6;
70+
}
71+
.tyh-alert-bac-warning {
72+
background: #fff1e3;
73+
}
74+
.tyh-alert-bac-,
75+
.tyh-alert-bac-default {
76+
background: #f6f6f6;
77+
}
78+
.tyh-alert-center {
79+
justify-content: center;
80+
}

‎packages/THEME_STYLE/alert/style/index.less

+110
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
@primary: #3a6ff4;
2+
@success: #54c600;
3+
@danger: #d10f1b;
4+
@warning: #fbcc30;
5+
@default: #606266;
6+
7+
// 背景色
8+
@primaryBac: #e8f4ff;
9+
@successBac: #e1ffea;
10+
@dangerBac: #ffe8e6;
11+
@warningBac: #fff1e3;
12+
@defaultBac: #f6f6f6;
13+
14+
.tyh-alert {
15+
min-height: 35px;
16+
display: flex;
17+
align-items: center;
18+
position: relative;
19+
padding: 10px 40px 10px 10px;
20+
box-sizing: border-box;
21+
border-radius: 5px;
22+
transition: 0.3s;
23+
24+
.tyh-alert-message {
25+
font-size: 15px;
26+
}
27+
28+
// 关闭按钮
29+
.tyh-ui-guanbi {
30+
position: absolute;
31+
right: 15px;
32+
cursor: pointer;
33+
}
34+
}
35+
36+
.tyh-alert-primary {
37+
border: 1px solid @primary;
38+
color: @primary;
39+
40+
.tyh-ui-guanbi,
41+
.tyh-message-icon {
42+
color: @primary;
43+
}
44+
}
45+
46+
.tyh-alert-success {
47+
border: 1px solid @success;
48+
color: @success;
49+
50+
.tyh-ui-guanbi,
51+
.tyh-message-icon {
52+
color: @success;
53+
}
54+
}
55+
56+
.tyh-alert-danger {
57+
border: 1px solid @danger;
58+
color: @danger;
59+
60+
.tyh-ui-guanbi,
61+
.tyh-message-icon {
62+
color: @danger;
63+
}
64+
}
65+
66+
.tyh-alert-warning {
67+
border: 1px solid @warning;
68+
color: @warning;
69+
70+
.tyh-ui-guanbi,
71+
.tyh-message-icon {
72+
color: @warning;
73+
}
74+
}
75+
76+
.tyh-alert-,
77+
.tyh-alert-default {
78+
border: 1px solid @default;
79+
color: @default;
80+
81+
.tyh-ui-guanbi,
82+
.tyh-message-icon {
83+
color: @default;
84+
}
85+
}
86+
87+
.tyh-alert-bac-primary {
88+
background: @primaryBac;
89+
}
90+
91+
.tyh-alert-bac-success {
92+
background: @successBac;
93+
}
94+
95+
.tyh-alert-bac-danger {
96+
background: @dangerBac;
97+
}
98+
99+
.tyh-alert-bac-warning {
100+
background: @warningBac;
101+
}
102+
103+
.tyh-alert-bac-,
104+
.tyh-alert-bac-default {
105+
background: @defaultBac;
106+
}
107+
108+
.tyh-alert-center {
109+
justify-content: center;
110+
}

‎packages/THEME_STYLE/avatar/style/index.css

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
.tyh-avatar {
2+
display: inline-block;
3+
font-size: 0;
4+
}
5+
.tyh-avatar .tyh-avatar-round {
6+
border-radius: 50%;
7+
}
8+
.tyh-avatar .tyh-avatar-border {
9+
border: 3px solid #eee;
10+
}
11+
.tyh-avatar .tyh-avatar-select {
12+
user-select: none;
13+
}
14+
.tyh-avatar .tyh-avatar-fill {
15+
object-fit: fill;
16+
}
17+
.tyh-avatar .tyh-avatar-contain {
18+
object-fit: contain;
19+
}
20+
.tyh-avatar .tyh-avatar-cover {
21+
object-fit: cover;
22+
}
23+
.tyh-avatar .tyh-avatar-none {
24+
object-fit: none;
25+
}
26+
.tyh-avatar .tyh-avatar-scale-down {
27+
object-fit: scale-down;
28+
}
29+
.tyh-avatar .tyh-avatar-error {
30+
background-color: #cfd1d6;
31+
padding: 5px;
32+
border-radius: 5px;
33+
display: inline-block;
34+
color: #c1c4cc;
35+
font-size: 15px;
36+
position: relative;
37+
box-sizing: border-box;
38+
}
39+
.tyh-avatar .tyh-avatar-error .tyh-icon {
40+
width: 45px;
41+
height: 45px;
42+
position: absolute;
43+
display: block;
44+
color: #fff;
45+
font-size: 45px;
46+
top: 0;
47+
left: 0;
48+
right: 0;
49+
bottom: 0;
50+
margin: auto;
51+
}

‎packages/THEME_STYLE/avatar/style/index.less

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
.tyh-avatar {
2+
display: inline-block;
3+
font-size: 0;
4+
5+
.tyh-avatar-round {
6+
border-radius: 50%;
7+
}
8+
9+
.tyh-avatar-border {
10+
border: 3px solid #eee;
11+
}
12+
13+
.tyh-avatar-select {
14+
user-select: none;
15+
}
16+
17+
.tyh-avatar-fill {
18+
object-fit: fill;
19+
}
20+
21+
.tyh-avatar-contain {
22+
object-fit: contain;
23+
}
24+
25+
.tyh-avatar-cover {
26+
object-fit: cover;
27+
}
28+
29+
.tyh-avatar-none {
30+
object-fit: none;
31+
}
32+
33+
.tyh-avatar-scale-down {
34+
object-fit: scale-down;
35+
}
36+
37+
.tyh-avatar-error {
38+
background-color: #cfd1d6;
39+
padding: 5px;
40+
border-radius: 5px;
41+
display: inline-block;
42+
color: #c1c4cc;
43+
font-size: 15px;
44+
position: relative;
45+
box-sizing: border-box;
46+
47+
.tyh-icon {
48+
width: 45px;
49+
height: 45px;
50+
position: absolute;
51+
display: block;
52+
color: #fff;
53+
font-size: 45px;
54+
top: 0;
55+
left: 0;
56+
right: 0;
57+
bottom: 0;
58+
margin: auto;
59+
}
60+
}
61+
}

‎packages/THEME_STYLE/back-top/style/index.css

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
.tyh-back-top {
2+
position: fixed;
3+
width: 40px;
4+
height: 40px;
5+
background: #fff;
6+
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
7+
border-radius: 50%;
8+
user-select: none;
9+
cursor: pointer;
10+
display: flex;
11+
justify-content: center;
12+
align-items: center;
13+
color: #484848;
14+
font-size: 14px;
15+
z-index: 999999;
16+
}
17+
.tyh-back-top:hover {
18+
transition: background 0.2s;
19+
background: #f4f8fd;
20+
}

‎packages/THEME_STYLE/back-top/style/index.less

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
.tyh-back-top {
2+
position: fixed;
3+
width: 40px;
4+
height: 40px;
5+
background: #fff;
6+
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);
7+
border-radius: 50%;
8+
user-select: none;
9+
cursor: pointer;
10+
display: flex;
11+
justify-content: center;
12+
align-items: center;
13+
color: #484848;
14+
font-size: 14px;
15+
z-index: 999999;
16+
17+
&:hover {
18+
transition: background 0.2s;
19+
background: rgb(244, 248, 253);
20+
}
21+
}

‎packages/THEME_STYLE/button-group/style/index.css

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.tyh-button-group {
2+
display: inline-block;
3+
}
4+
.tyh-button-group .tyh-button:first-child {
5+
border-top-right-radius: 0;
6+
border-bottom-right-radius: 0;
7+
}
8+
.tyh-button-group .tyh-button:last-child {
9+
border-top-left-radius: 0;
10+
border-bottom-left-radius: 0;
11+
}
12+
.tyh-button-group .tyh-button:not(:first-child):not(:last-child) {
13+
border-radius: 0;
14+
}

‎packages/THEME_STYLE/button-group/style/index.less

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
.tyh-button-group {
2+
display: inline-block;
3+
4+
.tyh-button:first-child {
5+
border-top-right-radius: 0;
6+
border-bottom-right-radius: 0;
7+
}
8+
9+
.tyh-button:last-child {
10+
border-top-left-radius: 0;
11+
border-bottom-left-radius: 0;
12+
}
13+
14+
.tyh-button:not(:first-child):not(:last-child) {
15+
border-radius: 0;
16+
}
17+
}

0 commit comments

Comments
 (0)