@opendesign-plus-test/components 0.0.1-rc.188 → 0.0.1-rc.189
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.cjs.js +3 -3
- package/dist/components.css +2 -2
- package/dist/components.es.js +5 -5
- package/dist/treeshaking/components/footer/OFooter.css +15 -12
- package/dist/treeshaking/components/footer/OFooter.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OAccountSecurity.css +48 -54
- package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OAccountSetting.css +53 -59
- package/dist/treeshaking/components/user-center/OAccountSetting.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OThirdPartyBindings.css +25 -23
- package/dist/treeshaking/components/user-center/OThirdPartyBindings.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OUserInfo.css +63 -60
- package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
- package/package.json +3 -3
package/dist/components.es.js
CHANGED
|
@@ -45038,7 +45038,7 @@ const XD = { name: "components-icon-smile", render: jD }, GD = /* @__PURE__ */ X
|
|
|
45038
45038
|
], 4))
|
|
45039
45039
|
], 2));
|
|
45040
45040
|
}
|
|
45041
|
-
}), O2 = /* @__PURE__ */ st(zS, [["__scopeId", "data-v-
|
|
45041
|
+
}), O2 = /* @__PURE__ */ st(zS, [["__scopeId", "data-v-912266ea"]]), XH = Object.assign(O2, {
|
|
45042
45042
|
install(s) {
|
|
45043
45043
|
s.component("OFooter", O2);
|
|
45044
45044
|
}
|
|
@@ -57843,7 +57843,7 @@ const Vp = { name: "user-center-icon-check", render: YV }, WV = { class: "form-i
|
|
|
57843
57843
|
}, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
|
|
57844
57844
|
], 64));
|
|
57845
57845
|
}
|
|
57846
|
-
}), Fp = /* @__PURE__ */ st(NF, [["__scopeId", "data-v-
|
|
57846
|
+
}), Fp = /* @__PURE__ */ st(NF, [["__scopeId", "data-v-1198fb63"]]), qF = {
|
|
57847
57847
|
width: "24px",
|
|
57848
57848
|
height: "24px",
|
|
57849
57849
|
viewBox: "0 0 24 24",
|
|
@@ -58254,7 +58254,7 @@ const JF = { name: "user-center-icon-eye", render: KF }, ZF = /* @__PURE__ */ Xe
|
|
|
58254
58254
|
}, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
|
|
58255
58255
|
], 64));
|
|
58256
58256
|
}
|
|
58257
|
-
}), Np = /* @__PURE__ */ st(fN, [["__scopeId", "data-v-
|
|
58257
|
+
}), Np = /* @__PURE__ */ st(fN, [["__scopeId", "data-v-4e837d12"]]), pN = { class: "common-header" }, mN = /* @__PURE__ */ Xe({
|
|
58258
58258
|
__name: "OCommonHeader",
|
|
58259
58259
|
props: {
|
|
58260
58260
|
logo: {},
|
|
@@ -59300,7 +59300,7 @@ const gq = { name: "user-center-icon-openatom", render: mq }, vq = {
|
|
|
59300
59300
|
}, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
|
|
59301
59301
|
], 64));
|
|
59302
59302
|
}
|
|
59303
|
-
}), Gp = /* @__PURE__ */ st(Eq, [["__scopeId", "data-v-
|
|
59303
|
+
}), Gp = /* @__PURE__ */ st(Eq, [["__scopeId", "data-v-1175189c"]]), wq = /* @__PURE__ */ new Map([
|
|
59304
59304
|
[
|
|
59305
59305
|
"maintainer",
|
|
59306
59306
|
{
|
|
@@ -61833,7 +61833,7 @@ const FU = { name: "user-center-icon-loading", render: VU }, NU = { class: "dlg-
|
|
|
61833
61833
|
}, null, 8, ["is-edit-nickname-dialog", "nick-name", "modify-user"])
|
|
61834
61834
|
], 64));
|
|
61835
61835
|
}
|
|
61836
|
-
}), cm = /* @__PURE__ */ st(qz, [["__scopeId", "data-v-
|
|
61836
|
+
}), cm = /* @__PURE__ */ st(qz, [["__scopeId", "data-v-3243c6b8"]]), cj = Object.assign(Fp, {
|
|
61837
61837
|
install(s) {
|
|
61838
61838
|
s.component("OAccountSecurity", Fp);
|
|
61839
61839
|
}
|
|
@@ -1,52 +1,55 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-912266ea] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-912266ea] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.app-footer[data-v-
|
|
9
|
+
.app-footer[data-v-912266ea] {
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
background: #121214;
|
|
12
|
+
/* inline 轴尺寸包含:footer 自身渲染不变,但其内容(英文 nowrap 长链接)的
|
|
13
|
+
固有宽度不再向外传播,避免在窄视口下把整页撑宽(页面出现居中偏移 + 右侧裁切) */
|
|
14
|
+
contain: inline-size;
|
|
12
15
|
--o-footer-content-max-width: 1488px;
|
|
13
16
|
--o-footer-content-padding: 0;
|
|
14
17
|
}
|
|
15
18
|
@media (max-width: 1680px) {
|
|
16
|
-
.app-footer[data-v-
|
|
19
|
+
.app-footer[data-v-912266ea] {
|
|
17
20
|
--o-footer-content-max-width: 100%;
|
|
18
21
|
--o-footer-content-padding: 98px;
|
|
19
22
|
}
|
|
20
23
|
}
|
|
21
24
|
@media (max-width: 1440px) {
|
|
22
|
-
.app-footer[data-v-
|
|
25
|
+
.app-footer[data-v-912266ea] {
|
|
23
26
|
--o-footer-content-padding: 64px;
|
|
24
27
|
}
|
|
25
28
|
}
|
|
26
29
|
@media (max-width: 1200px) {
|
|
27
|
-
.app-footer[data-v-
|
|
30
|
+
.app-footer[data-v-912266ea] {
|
|
28
31
|
--o-footer-content-padding: 32px;
|
|
29
32
|
}
|
|
30
33
|
}
|
|
31
34
|
@media (max-width: 600px) {
|
|
32
|
-
.app-footer[data-v-
|
|
35
|
+
.app-footer[data-v-912266ea] {
|
|
33
36
|
--o-footer-content-padding: 24px;
|
|
34
37
|
}
|
|
35
38
|
}
|
|
36
|
-
.app-footer-simple[data-v-
|
|
39
|
+
.app-footer-simple[data-v-912266ea] {
|
|
37
40
|
background: transparent;
|
|
38
41
|
}
|
|
39
42
|
@media (max-width: 1680px) {
|
|
40
|
-
.app-footer-simple[data-v-
|
|
43
|
+
.app-footer-simple[data-v-912266ea] {
|
|
41
44
|
--o-footer-content-padding: 48px;
|
|
42
45
|
}
|
|
43
46
|
}
|
|
44
47
|
@media (max-width: 1440px) {
|
|
45
|
-
.app-footer-simple[data-v-
|
|
48
|
+
.app-footer-simple[data-v-912266ea] {
|
|
46
49
|
--o-footer-content-padding: 32px;
|
|
47
50
|
}
|
|
48
51
|
}
|
|
49
|
-
.app-footer-content[data-v-
|
|
52
|
+
.app-footer-content[data-v-912266ea] {
|
|
50
53
|
max-width: var(--o-footer-content-max-width);
|
|
51
54
|
margin: 0 auto;
|
|
52
55
|
padding: 0 var(--o-footer-content-padding);
|
|
@@ -54,7 +57,7 @@
|
|
|
54
57
|
background-repeat: no-repeat;
|
|
55
58
|
background-size: auto;
|
|
56
59
|
}
|
|
57
|
-
.app-footer-simple-content[data-v-
|
|
60
|
+
.app-footer-simple-content[data-v-912266ea] {
|
|
58
61
|
padding-top: 16px;
|
|
59
62
|
padding-bottom: 24px;
|
|
60
63
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./OFooter.vue2.mjs";
|
|
2
2
|
import './OFooter.css';
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const _OFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const _OFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-912266ea"]]);
|
|
5
5
|
export {
|
|
6
6
|
_OFooter as default
|
|
7
7
|
};
|
|
@@ -1,223 +1,217 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-1198fb63] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-1198fb63] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.title[data-v-
|
|
9
|
+
.title[data-v-1198fb63] {
|
|
10
10
|
font-size: var(--font-size3);
|
|
11
11
|
line-height: var(--line-height3);
|
|
12
12
|
font-weight: 600;
|
|
13
13
|
padding-top: var(--layout-gap2);
|
|
14
14
|
padding-bottom: var(--layout-gap2);
|
|
15
15
|
}
|
|
16
|
-
.tips[data-v-
|
|
17
|
-
|
|
16
|
+
.tips[data-v-1198fb63] {
|
|
17
|
+
/* 流式宽度:窄容器(英文长文案场景)下随内容区收缩,宽容器下维持原定宽视觉 */
|
|
18
|
+
width: 100%;
|
|
19
|
+
max-width: 592px;
|
|
18
20
|
color: var(--o-color-info1);
|
|
19
21
|
margin-bottom: 24px;
|
|
20
22
|
}
|
|
21
|
-
.tips[data-v-
|
|
23
|
+
.tips[data-v-1198fb63]:last-child {
|
|
22
24
|
margin-bottom: 0;
|
|
23
25
|
}
|
|
24
|
-
.tips-title[data-v-
|
|
26
|
+
.tips-title[data-v-1198fb63] {
|
|
25
27
|
font-size: 18px;
|
|
26
28
|
line-height: 26px;
|
|
27
29
|
}
|
|
28
30
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
29
|
-
.tips-title[data-v-
|
|
31
|
+
.tips-title[data-v-1198fb63] {
|
|
30
32
|
font-size: 16px;
|
|
31
33
|
line-height: 24px;
|
|
32
34
|
}
|
|
33
35
|
}
|
|
34
36
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
35
|
-
.tips-title[data-v-
|
|
37
|
+
.tips-title[data-v-1198fb63] {
|
|
36
38
|
font-size: 14px;
|
|
37
39
|
line-height: 22px;
|
|
38
40
|
}
|
|
39
41
|
}
|
|
40
42
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
41
|
-
.tips-title[data-v-
|
|
43
|
+
.tips-title[data-v-1198fb63] {
|
|
42
44
|
font-size: 14px;
|
|
43
45
|
line-height: 22px;
|
|
44
46
|
}
|
|
45
47
|
}
|
|
46
48
|
@media (max-width: 600px) {
|
|
47
|
-
.tips-title[data-v-
|
|
49
|
+
.tips-title[data-v-1198fb63] {
|
|
48
50
|
font-size: 14px;
|
|
49
51
|
line-height: 22px;
|
|
50
52
|
}
|
|
51
53
|
}
|
|
52
|
-
.tips-title[data-v-
|
|
54
|
+
.tips-title[data-v-1198fb63] {
|
|
53
55
|
margin-bottom: 4px;
|
|
54
56
|
}
|
|
55
|
-
.tips-content[data-v-
|
|
57
|
+
.tips-content[data-v-1198fb63] {
|
|
56
58
|
font-size: 14px;
|
|
57
59
|
line-height: 22px;
|
|
58
60
|
}
|
|
59
61
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
60
|
-
.tips-content[data-v-
|
|
62
|
+
.tips-content[data-v-1198fb63] {
|
|
61
63
|
font-size: 14px;
|
|
62
64
|
line-height: 18px;
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
66
|
-
.tips-content[data-v-
|
|
68
|
+
.tips-content[data-v-1198fb63] {
|
|
67
69
|
font-size: 12px;
|
|
68
70
|
line-height: 18px;
|
|
69
71
|
}
|
|
70
72
|
}
|
|
71
73
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
72
|
-
.tips-content[data-v-
|
|
74
|
+
.tips-content[data-v-1198fb63] {
|
|
73
75
|
font-size: 12px;
|
|
74
76
|
line-height: 18px;
|
|
75
77
|
}
|
|
76
78
|
}
|
|
77
79
|
@media (max-width: 600px) {
|
|
78
|
-
.tips-content[data-v-
|
|
80
|
+
.tips-content[data-v-1198fb63] {
|
|
79
81
|
font-size: 12px;
|
|
80
82
|
line-height: 18px;
|
|
81
83
|
}
|
|
82
84
|
}
|
|
83
|
-
.tips-content[data-v-
|
|
85
|
+
.tips-content[data-v-1198fb63] {
|
|
84
86
|
font-weight: normal;
|
|
85
87
|
color: var(--o-color-info2);
|
|
86
88
|
display: flex;
|
|
87
89
|
justify-content: space-between;
|
|
88
90
|
}
|
|
89
91
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
90
|
-
.tips[data-v-
|
|
91
|
-
width: 540px;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
.tips.lang-en[data-v-5f251928] {
|
|
95
|
-
width: 592px;
|
|
96
|
-
}
|
|
97
|
-
@media (min-width: 841px) and (max-width: 1200px) {
|
|
98
|
-
.tips.lang-en[data-v-5f251928] {
|
|
99
|
-
width: 540px;
|
|
92
|
+
.tips[data-v-1198fb63] {
|
|
93
|
+
max-width: 540px;
|
|
100
94
|
}
|
|
101
95
|
}
|
|
102
|
-
.red[data-v-
|
|
96
|
+
.red[data-v-1198fb63] {
|
|
103
97
|
color: var(--o-color-danger1);
|
|
104
98
|
}
|
|
105
|
-
.text-btn[data-v-
|
|
99
|
+
.text-btn[data-v-1198fb63] {
|
|
106
100
|
font-size: 16px;
|
|
107
101
|
line-height: 24px;
|
|
108
102
|
}
|
|
109
103
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
110
|
-
.text-btn[data-v-
|
|
104
|
+
.text-btn[data-v-1198fb63] {
|
|
111
105
|
font-size: 14px;
|
|
112
106
|
line-height: 22px;
|
|
113
107
|
}
|
|
114
108
|
}
|
|
115
109
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
116
|
-
.text-btn[data-v-
|
|
110
|
+
.text-btn[data-v-1198fb63] {
|
|
117
111
|
font-size: 14px;
|
|
118
112
|
line-height: 22px;
|
|
119
113
|
}
|
|
120
114
|
}
|
|
121
115
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
122
|
-
.text-btn[data-v-
|
|
116
|
+
.text-btn[data-v-1198fb63] {
|
|
123
117
|
font-size: 14px;
|
|
124
118
|
line-height: 22px;
|
|
125
119
|
}
|
|
126
120
|
}
|
|
127
121
|
@media (max-width: 600px) {
|
|
128
|
-
.text-btn[data-v-
|
|
122
|
+
.text-btn[data-v-1198fb63] {
|
|
129
123
|
font-size: 12px;
|
|
130
124
|
line-height: 18px;
|
|
131
125
|
}
|
|
132
126
|
}
|
|
133
|
-
.text-btn[data-v-
|
|
127
|
+
.text-btn[data-v-1198fb63] {
|
|
134
128
|
line-height: 24px;
|
|
135
129
|
font-weight: Regular;
|
|
136
130
|
cursor: pointer;
|
|
137
131
|
white-space: nowrap;
|
|
138
132
|
margin-left: 16px;
|
|
139
133
|
}
|
|
140
|
-
.text-btn[data-v-
|
|
134
|
+
.text-btn[data-v-1198fb63]:hover {
|
|
141
135
|
color: var(--o-color-danger2);
|
|
142
136
|
}
|
|
143
|
-
.forget-btn[data-v-
|
|
137
|
+
.forget-btn[data-v-1198fb63] {
|
|
144
138
|
margin-left: 16px;
|
|
145
139
|
font-size: 16px;
|
|
146
140
|
line-height: 24px;
|
|
147
141
|
}
|
|
148
142
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
149
|
-
.forget-btn[data-v-
|
|
143
|
+
.forget-btn[data-v-1198fb63] {
|
|
150
144
|
font-size: 14px;
|
|
151
145
|
line-height: 22px;
|
|
152
146
|
}
|
|
153
147
|
}
|
|
154
148
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
155
|
-
.forget-btn[data-v-
|
|
149
|
+
.forget-btn[data-v-1198fb63] {
|
|
156
150
|
font-size: 14px;
|
|
157
151
|
line-height: 22px;
|
|
158
152
|
}
|
|
159
153
|
}
|
|
160
154
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
161
|
-
.forget-btn[data-v-
|
|
155
|
+
.forget-btn[data-v-1198fb63] {
|
|
162
156
|
font-size: 14px;
|
|
163
157
|
line-height: 22px;
|
|
164
158
|
}
|
|
165
159
|
}
|
|
166
160
|
@media (max-width: 600px) {
|
|
167
|
-
.forget-btn[data-v-
|
|
161
|
+
.forget-btn[data-v-1198fb63] {
|
|
168
162
|
font-size: 12px;
|
|
169
163
|
line-height: 18px;
|
|
170
164
|
}
|
|
171
165
|
}
|
|
172
|
-
.tips-bg[data-v-
|
|
166
|
+
.tips-bg[data-v-1198fb63] {
|
|
173
167
|
line-height: 24px;
|
|
174
168
|
}
|
|
175
|
-
.tips-bg a[data-v-
|
|
169
|
+
.tips-bg a[data-v-1198fb63] {
|
|
176
170
|
color: var(--o-color-link1);
|
|
177
171
|
}
|
|
178
|
-
.tips-bg a[data-v-
|
|
172
|
+
.tips-bg a[data-v-1198fb63]:hover {
|
|
179
173
|
color: var(--o-color-primary2);
|
|
180
174
|
}
|
|
181
|
-
.security-pad[data-v-
|
|
175
|
+
.security-pad[data-v-1198fb63] {
|
|
182
176
|
/* 三行合并为一张白色卡片,距顶部 16px */
|
|
183
177
|
margin-top: 16px;
|
|
184
178
|
background-color: var(--o-color-fill2);
|
|
185
179
|
border-radius: 8px;
|
|
186
180
|
padding: 0 16px;
|
|
187
181
|
}
|
|
188
|
-
.security-pad .tips[data-v-
|
|
182
|
+
.security-pad .tips[data-v-1198fb63] {
|
|
189
183
|
width: 100%;
|
|
190
184
|
margin: 0;
|
|
191
185
|
padding: 12px 0;
|
|
192
186
|
background-color: transparent;
|
|
193
187
|
border-bottom: 1px solid var(--o-color-control4);
|
|
194
188
|
}
|
|
195
|
-
.security-pad .tips[data-v-
|
|
189
|
+
.security-pad .tips[data-v-1198fb63]:last-child {
|
|
196
190
|
border-bottom: none;
|
|
197
191
|
}
|
|
198
|
-
.security-pad .tips-title[data-v-
|
|
192
|
+
.security-pad .tips-title[data-v-1198fb63] {
|
|
199
193
|
margin-bottom: 8px;
|
|
200
194
|
}
|
|
201
|
-
.security-pad .tips-content[data-v-
|
|
195
|
+
.security-pad .tips-content[data-v-1198fb63] {
|
|
202
196
|
color: var(--o-color-info2);
|
|
203
197
|
}
|
|
204
|
-
.security-pad .tips .forget-btn[data-v-
|
|
198
|
+
.security-pad .tips .forget-btn[data-v-1198fb63] {
|
|
205
199
|
margin-left: 0;
|
|
206
200
|
}
|
|
207
|
-
.security-pad[data-v-
|
|
201
|
+
.security-pad[data-v-1198fb63] {
|
|
208
202
|
/* 登录密码 / 注销账号:标题上、描述+箭头下 */
|
|
209
203
|
}
|
|
210
|
-
.security-pad .tips-inline .tips-content[data-v-
|
|
204
|
+
.security-pad .tips-inline .tips-content[data-v-1198fb63] {
|
|
211
205
|
display: flex;
|
|
212
206
|
align-items: center;
|
|
213
207
|
justify-content: space-between;
|
|
214
208
|
}
|
|
215
|
-
.security-pad .tips-inline .tips-content .tips-desc[data-v-
|
|
209
|
+
.security-pad .tips-inline .tips-content .tips-desc[data-v-1198fb63] {
|
|
216
210
|
display: block;
|
|
217
211
|
flex: 1;
|
|
218
212
|
margin-right: 16px;
|
|
219
213
|
}
|
|
220
|
-
.security-pad .tips-inline .arrow[data-v-
|
|
214
|
+
.security-pad .tips-inline .arrow[data-v-1198fb63] {
|
|
221
215
|
width: 24px;
|
|
222
216
|
height: 24px;
|
|
223
217
|
cursor: pointer;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./OAccountSecurity.vue2.mjs";
|
|
2
2
|
import './OAccountSecurity.css';
|
|
3
3
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
4
|
-
const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1198fb63"]]);
|
|
5
5
|
export {
|
|
6
6
|
_OAccountSecurity as default
|
|
7
7
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-4e837d12] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-4e837d12] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.user-info-setting[data-v-
|
|
9
|
+
.user-info-setting[data-v-4e837d12] {
|
|
10
10
|
border-bottom: 1px solid var(--o-color-control4);
|
|
11
11
|
}
|
|
12
12
|
@media (max-width: 840px) {
|
|
13
|
-
.user-info-setting[data-v-
|
|
13
|
+
.user-info-setting[data-v-4e837d12] {
|
|
14
14
|
border-bottom: none;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
.title[data-v-
|
|
17
|
+
.title[data-v-4e837d12] {
|
|
18
18
|
font-size: var(--font-size1);
|
|
19
19
|
line-height: var(--line-height1);
|
|
20
20
|
font-weight: 600;
|
|
21
21
|
color: var(--o-color-info1);
|
|
22
22
|
margin-bottom: 12px;
|
|
23
23
|
}
|
|
24
|
-
.login-setting[data-v-
|
|
24
|
+
.login-setting[data-v-4e837d12] {
|
|
25
25
|
font-size: 14px;
|
|
26
26
|
line-height: 22px;
|
|
27
27
|
font-weight: normal;
|
|
@@ -31,11 +31,11 @@
|
|
|
31
31
|
margin-bottom: var(--layout-gap2);
|
|
32
32
|
}
|
|
33
33
|
@media (max-width: 840px) {
|
|
34
|
-
.login-setting[data-v-
|
|
34
|
+
.login-setting[data-v-4e837d12] {
|
|
35
35
|
border-bottom: none;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
.section-label[data-v-
|
|
38
|
+
.section-label[data-v-4e837d12] {
|
|
39
39
|
font-size: var(--font-size3);
|
|
40
40
|
line-height: var(--line-height3);
|
|
41
41
|
font-weight: 600;
|
|
@@ -44,185 +44,179 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
/* 移动端:白色卡片行(与三方账号绑定一致) */
|
|
47
|
-
.setting-content-pad[data-v-
|
|
47
|
+
.setting-content-pad[data-v-4e837d12] {
|
|
48
48
|
background-color: var(--o-color-fill2);
|
|
49
49
|
padding-bottom: 0;
|
|
50
50
|
border-radius: 8px;
|
|
51
51
|
margin-top: 4px;
|
|
52
52
|
padding: 0 16px;
|
|
53
53
|
}
|
|
54
|
-
.setting-content-pad .opt-item[data-v-
|
|
54
|
+
.setting-content-pad .opt-item[data-v-4e837d12] {
|
|
55
55
|
width: 100%;
|
|
56
56
|
height: 52px;
|
|
57
57
|
line-height: normal;
|
|
58
58
|
margin: 0;
|
|
59
59
|
border-bottom: 1px solid var(--o-color-control4);
|
|
60
60
|
}
|
|
61
|
-
.setting-content-pad .opt-item[data-v-
|
|
61
|
+
.setting-content-pad .opt-item[data-v-4e837d12]:last-child {
|
|
62
62
|
border-bottom: none;
|
|
63
63
|
}
|
|
64
|
-
.setting-content-pad .opt-item .left-content[data-v-
|
|
64
|
+
.setting-content-pad .opt-item .left-content[data-v-4e837d12] {
|
|
65
65
|
flex: 1;
|
|
66
66
|
align-items: center;
|
|
67
67
|
margin-left: 0;
|
|
68
68
|
}
|
|
69
|
-
.setting-content-pad .opt-item .left-content .content-info[data-v-
|
|
69
|
+
.setting-content-pad .opt-item .left-content .content-info[data-v-4e837d12] {
|
|
70
70
|
margin-left: auto;
|
|
71
71
|
margin-right: 16px;
|
|
72
72
|
justify-content: flex-end;
|
|
73
73
|
}
|
|
74
|
-
.setting-content-pad .opt-item .left-content .content-label[data-v-
|
|
74
|
+
.setting-content-pad .opt-item .left-content .content-label[data-v-4e837d12] {
|
|
75
75
|
color: var(--o-color-info1);
|
|
76
76
|
}
|
|
77
|
-
.opt-item[data-v-
|
|
77
|
+
.opt-item[data-v-4e837d12] {
|
|
78
78
|
margin: var(--layout-gap2) 0;
|
|
79
79
|
line-height: 40px;
|
|
80
80
|
display: flex;
|
|
81
|
-
|
|
81
|
+
/* 流式宽度:窄容器(英文长文案场景)下随内容区收缩,宽容器下维持原定宽视觉 */
|
|
82
|
+
width: 100%;
|
|
83
|
+
max-width: 592px;
|
|
82
84
|
justify-content: space-between;
|
|
83
85
|
color: var(--o-color-info1);
|
|
84
86
|
}
|
|
85
87
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
86
|
-
.opt-item[data-v-
|
|
87
|
-
width: 540px;
|
|
88
|
+
.opt-item[data-v-4e837d12] {
|
|
89
|
+
max-width: 540px;
|
|
88
90
|
}
|
|
89
91
|
}
|
|
90
|
-
.opt-item .opt-label[data-v-
|
|
92
|
+
.opt-item .opt-label[data-v-4e837d12] {
|
|
91
93
|
color: var(--o-color-info1);
|
|
92
94
|
}
|
|
93
|
-
.opt-item .o-link + .o-link[data-v-
|
|
95
|
+
.opt-item .o-link + .o-link[data-v-4e837d12] {
|
|
94
96
|
margin-left: var(--o-spacing-h4);
|
|
95
97
|
}
|
|
96
|
-
.opt-item .left-content .content-label[data-v-
|
|
97
|
-
.opt-item .left-content .content-info[data-v-
|
|
98
|
+
.opt-item .left-content .content-label[data-v-4e837d12],
|
|
99
|
+
.opt-item .left-content .content-info[data-v-4e837d12] {
|
|
98
100
|
font-size: 16px;
|
|
99
101
|
line-height: 24px;
|
|
100
102
|
}
|
|
101
103
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
102
|
-
.opt-item .left-content .content-label[data-v-
|
|
103
|
-
.opt-item .left-content .content-info[data-v-
|
|
104
|
+
.opt-item .left-content .content-label[data-v-4e837d12],
|
|
105
|
+
.opt-item .left-content .content-info[data-v-4e837d12] {
|
|
104
106
|
font-size: 14px;
|
|
105
107
|
line-height: 22px;
|
|
106
108
|
}
|
|
107
109
|
}
|
|
108
110
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
109
|
-
.opt-item .left-content .content-label[data-v-
|
|
110
|
-
.opt-item .left-content .content-info[data-v-
|
|
111
|
+
.opt-item .left-content .content-label[data-v-4e837d12],
|
|
112
|
+
.opt-item .left-content .content-info[data-v-4e837d12] {
|
|
111
113
|
font-size: 14px;
|
|
112
114
|
line-height: 22px;
|
|
113
115
|
}
|
|
114
116
|
}
|
|
115
117
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
116
|
-
.opt-item .left-content .content-label[data-v-
|
|
117
|
-
.opt-item .left-content .content-info[data-v-
|
|
118
|
+
.opt-item .left-content .content-label[data-v-4e837d12],
|
|
119
|
+
.opt-item .left-content .content-info[data-v-4e837d12] {
|
|
118
120
|
font-size: 14px;
|
|
119
121
|
line-height: 22px;
|
|
120
122
|
}
|
|
121
123
|
}
|
|
122
124
|
@media (max-width: 600px) {
|
|
123
|
-
.opt-item .left-content .content-label[data-v-
|
|
124
|
-
.opt-item .left-content .content-info[data-v-
|
|
125
|
+
.opt-item .left-content .content-label[data-v-4e837d12],
|
|
126
|
+
.opt-item .left-content .content-info[data-v-4e837d12] {
|
|
125
127
|
font-size: 12px;
|
|
126
128
|
line-height: 18px;
|
|
127
129
|
}
|
|
128
130
|
}
|
|
129
|
-
.opt-item .left-content .content-label[data-v-
|
|
131
|
+
.opt-item .left-content .content-label[data-v-4e837d12] {
|
|
130
132
|
min-width: 120px;
|
|
131
133
|
color: var(--o-color-info2);
|
|
132
134
|
padding-left: 8px;
|
|
133
135
|
}
|
|
134
|
-
.opt-item .left-content[data-v-
|
|
136
|
+
.opt-item .left-content[data-v-4e837d12] {
|
|
135
137
|
/* 用户信息值 */
|
|
136
138
|
}
|
|
137
|
-
.opt-item .left-content .content-info[data-v-
|
|
138
|
-
.opt-item .left-content .opt-label[data-v-
|
|
139
|
+
.opt-item .left-content .content-info[data-v-4e837d12],
|
|
140
|
+
.opt-item .left-content .opt-label[data-v-4e837d12] {
|
|
139
141
|
color: var(--o-color-info2);
|
|
140
142
|
}
|
|
141
|
-
.opt-item .left-content .content-info[data-v-
|
|
143
|
+
.opt-item .left-content .content-info[data-v-4e837d12] {
|
|
142
144
|
flex-grow: 1;
|
|
143
145
|
margin-right: 16px;
|
|
144
146
|
}
|
|
145
|
-
.opt-item .left-content .content-label-en[data-v-
|
|
147
|
+
.opt-item .left-content .content-label-en[data-v-4e837d12] {
|
|
146
148
|
min-width: 160px;
|
|
147
149
|
padding-left: 8px;
|
|
148
150
|
}
|
|
149
|
-
.opt-item .left-content .mask-icon[data-v-
|
|
151
|
+
.opt-item .left-content .mask-icon[data-v-4e837d12]:hover {
|
|
150
152
|
color: var(--o-color-link2);
|
|
151
153
|
}
|
|
152
|
-
.
|
|
153
|
-
width: 592px;
|
|
154
|
-
}
|
|
155
|
-
@media (min-width: 841px) and (max-width: 1200px) {
|
|
156
|
-
.opt-item.lang-en[data-v-ef293513] {
|
|
157
|
-
width: 540px;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
.fs16[data-v-ef293513] {
|
|
154
|
+
.fs16[data-v-4e837d12] {
|
|
161
155
|
font-size: 16px;
|
|
162
156
|
}
|
|
163
|
-
.icon[data-v-
|
|
157
|
+
.icon[data-v-4e837d12] {
|
|
164
158
|
font-size: 24px;
|
|
165
159
|
line-height: 1;
|
|
166
160
|
}
|
|
167
|
-
.center[data-v-
|
|
161
|
+
.center[data-v-4e837d12] {
|
|
168
162
|
display: flex;
|
|
169
163
|
align-items: center;
|
|
170
164
|
}
|
|
171
|
-
.center .unbind[data-v-
|
|
165
|
+
.center .unbind[data-v-4e837d12] {
|
|
172
166
|
margin-right: 16px;
|
|
173
167
|
font-size: 16px;
|
|
174
168
|
line-height: 24px;
|
|
175
169
|
}
|
|
176
170
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
177
|
-
.center .unbind[data-v-
|
|
171
|
+
.center .unbind[data-v-4e837d12] {
|
|
178
172
|
font-size: 14px;
|
|
179
173
|
line-height: 22px;
|
|
180
174
|
}
|
|
181
175
|
}
|
|
182
176
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
183
|
-
.center .unbind[data-v-
|
|
177
|
+
.center .unbind[data-v-4e837d12] {
|
|
184
178
|
font-size: 14px;
|
|
185
179
|
line-height: 22px;
|
|
186
180
|
}
|
|
187
181
|
}
|
|
188
182
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
189
|
-
.center .unbind[data-v-
|
|
183
|
+
.center .unbind[data-v-4e837d12] {
|
|
190
184
|
font-size: 14px;
|
|
191
185
|
line-height: 22px;
|
|
192
186
|
}
|
|
193
187
|
}
|
|
194
188
|
@media (max-width: 600px) {
|
|
195
|
-
.center .unbind[data-v-
|
|
189
|
+
.center .unbind[data-v-4e837d12] {
|
|
196
190
|
font-size: 12px;
|
|
197
191
|
line-height: 18px;
|
|
198
192
|
}
|
|
199
193
|
}
|
|
200
|
-
.center .unbind[data-v-
|
|
194
|
+
.center .unbind[data-v-4e837d12] .o-link-label {
|
|
201
195
|
color: var(--o-color-info3);
|
|
202
196
|
transition: none;
|
|
203
197
|
background: none;
|
|
204
198
|
background-size: 0;
|
|
205
199
|
}
|
|
206
|
-
.skeleton-text[data-v-
|
|
200
|
+
.skeleton-text[data-v-4e837d12] {
|
|
207
201
|
--skeleton-item-gap: 0px;
|
|
208
202
|
--skeleton-height: 32px;
|
|
209
203
|
width: 440px;
|
|
210
204
|
}
|
|
211
|
-
[data-v-
|
|
205
|
+
[data-v-4e837d12] .o-link-normal {
|
|
212
206
|
--link-color-hover: var(--o-color-link2);
|
|
213
207
|
}
|
|
214
208
|
@media screen and (max-width: 1440px) {
|
|
215
|
-
.skeleton-text[data-v-
|
|
209
|
+
.skeleton-text[data-v-4e837d12] {
|
|
216
210
|
--skeleton-height: 28px;
|
|
217
211
|
}
|
|
218
212
|
}
|
|
219
213
|
@media screen and (max-width: 1200px) {
|
|
220
|
-
.skeleton-text[data-v-
|
|
214
|
+
.skeleton-text[data-v-4e837d12] {
|
|
221
215
|
--skeleton-height: 24px;
|
|
222
216
|
}
|
|
223
217
|
}
|
|
224
218
|
@media screen and (max-width: 840px) {
|
|
225
|
-
.skeleton-text[data-v-
|
|
219
|
+
.skeleton-text[data-v-4e837d12] {
|
|
226
220
|
--skeleton-height: 24px;
|
|
227
221
|
}
|
|
228
222
|
}
|