@opendesign-plus-test/components 0.0.1-rc.191 → 0.0.1-rc.193

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.
Files changed (28) hide show
  1. package/dist/components/user-center/OAppHeader.vue.d.ts +2 -1
  2. package/dist/components/user-center/index.d.ts +3 -0
  3. package/dist/components/user-center/internal/OCommonHeader.vue.d.ts +5 -1
  4. package/dist/components.cjs.js +39 -39
  5. package/dist/components.css +1 -1
  6. package/dist/components.es.js +3878 -3869
  7. package/dist/treeshaking/_virtual/icon-tips.mjs +13 -2
  8. package/dist/treeshaking/_virtual/icon-tips2.mjs +2 -13
  9. package/dist/treeshaking/components/header-source-code/OHeaderSourceCode.vue.mjs +2 -2
  10. package/dist/treeshaking/components/header-source-code/index.mjs +3 -3
  11. package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +1 -1
  12. package/dist/treeshaking/components/user-center/OAccountSecurity.css +48 -46
  13. package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
  14. package/dist/treeshaking/components/user-center/OAccountSetting.css +57 -52
  15. package/dist/treeshaking/components/user-center/OAccountSetting.vue.mjs +1 -1
  16. package/dist/treeshaking/components/user-center/OAppHeader.css +3 -12
  17. package/dist/treeshaking/components/user-center/OAppHeader.vue.d.ts +2 -1
  18. package/dist/treeshaking/components/user-center/OAppHeader.vue.mjs +1 -1
  19. package/dist/treeshaking/components/user-center/OAppHeader.vue2.mjs +18 -20
  20. package/dist/treeshaking/components/user-center/OThirdPartyBindings.css +23 -21
  21. package/dist/treeshaking/components/user-center/OThirdPartyBindings.vue.mjs +1 -1
  22. package/dist/treeshaking/components/user-center/OUserInfo.vue2.mjs +1 -1
  23. package/dist/treeshaking/components/user-center/index.d.ts +3 -0
  24. package/dist/treeshaking/components/user-center/internal/OCommonHeader.css +9 -9
  25. package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue.d.ts +5 -1
  26. package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue.mjs +1 -1
  27. package/dist/treeshaking/components/user-center/internal/OCommonHeader.vue2.mjs +17 -4
  28. package/package.json +1 -1
@@ -8,10 +8,21 @@ const _hoisted_1 = {
8
8
  };
9
9
  function render(_ctx, _cache) {
10
10
  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
11
- createElementVNode("path", { d: "M12.032 2.355c1.632 0 3.205 0.404 4.611 1.166 0.34 0.182 0.466 0.609 0.281 0.949s-0.609 0.463-0.949 0.281c-1.201-0.65-2.546-0.996-3.943-0.996-4.585 0-8.3 3.715-8.3 8.297 0 4.588 3.715 8.303 8.3 8.303s8.3-3.715 8.3-8.303c0-2.063-0.753-4.002-2.098-5.514-0.258-0.287-0.231-0.732 0.059-0.984 0.287-0.258 0.729-0.234 0.987 0.053 1.57 1.764 2.452 4.037 2.452 6.445 0 5.361-4.342 9.703-9.7 9.703s-9.7-4.342-9.7-9.703c0-5.355 4.342-9.697 9.7-9.697zM10.866 7.658c0-0.627 0.507-1.131 1.134-1.131s1.134 0.504 1.134 1.131c0 0.627-0.507 1.131-1.134 1.131s-1.134-0.504-1.134-1.131zM12.706 10.002c-0.044-0.346-0.337-0.609-0.691-0.609-0.387 0-0.7 0.311-0.703 0.697l-0.023 6.762 0.006 0.1c0.044 0.34 0.337 0.603 0.691 0.603 0.387 0.006 0.7-0.311 0.703-0.697l0.023-6.762-0.006-0.094z" }, null, -1)
11
+ createElementVNode("path", {
12
+ fill: "currentColor",
13
+ d: "M12 8.15c0.418 0 0.763 0.31 0.817 0.713l0.008 0.112v8.8c0 0.456-0.369 0.825-0.825 0.825-0.418 0-0.763-0.31-0.817-0.713l-0.008-0.112v-8.8c0-0.456 0.369-0.825 0.825-0.825z"
14
+ }, null, -1),
15
+ createElementVNode("path", {
16
+ fill: "currentColor",
17
+ d: "M13.2 6.225c0 0.663-0.537 1.2-1.2 1.2s-1.2-0.537-1.2-1.2c0-0.663 0.537-1.2 1.2-1.2s1.2 0.537 1.2 1.2z"
18
+ }, null, -1),
19
+ createElementVNode("path", {
20
+ fill: "currentColor",
21
+ d: "M12 0.23c1.222 0 2.42 0.187 3.563 0.549 0.405 0.129 0.63 0.561 0.501 0.967s-0.561 0.63-0.967 0.501c-0.993-0.315-2.034-0.477-3.097-0.477-5.65 0-10.23 4.58-10.23 10.23s4.58 10.23 10.23 10.23c5.65 0 10.23-4.58 10.23-10.23 0-3.276-1.549-6.292-4.128-8.211-0.341-0.254-0.412-0.736-0.158-1.077s0.736-0.412 1.077-0.158c2.965 2.207 4.748 5.679 4.748 9.447 0 6.5-5.27 11.77-11.77 11.77s-11.77-5.27-11.77-11.77c0-6.5 5.27-11.77 11.77-11.77z"
22
+ }, null, -1)
12
23
  ])]);
13
24
  }
14
- const IconTips = { name: "components-icon-tips", render };
25
+ const IconTips = { name: "user-center-icon-tips", render };
15
26
  export {
16
27
  IconTips as default
17
28
  };
@@ -8,21 +8,10 @@ const _hoisted_1 = {
8
8
  };
9
9
  function render(_ctx, _cache) {
10
10
  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
11
- createElementVNode("path", {
12
- fill: "currentColor",
13
- d: "M12 8.15c0.418 0 0.763 0.31 0.817 0.713l0.008 0.112v8.8c0 0.456-0.369 0.825-0.825 0.825-0.418 0-0.763-0.31-0.817-0.713l-0.008-0.112v-8.8c0-0.456 0.369-0.825 0.825-0.825z"
14
- }, null, -1),
15
- createElementVNode("path", {
16
- fill: "currentColor",
17
- d: "M13.2 6.225c0 0.663-0.537 1.2-1.2 1.2s-1.2-0.537-1.2-1.2c0-0.663 0.537-1.2 1.2-1.2s1.2 0.537 1.2 1.2z"
18
- }, null, -1),
19
- createElementVNode("path", {
20
- fill: "currentColor",
21
- d: "M12 0.23c1.222 0 2.42 0.187 3.563 0.549 0.405 0.129 0.63 0.561 0.501 0.967s-0.561 0.63-0.967 0.501c-0.993-0.315-2.034-0.477-3.097-0.477-5.65 0-10.23 4.58-10.23 10.23s4.58 10.23 10.23 10.23c5.65 0 10.23-4.58 10.23-10.23 0-3.276-1.549-6.292-4.128-8.211-0.341-0.254-0.412-0.736-0.158-1.077s0.736-0.412 1.077-0.158c2.965 2.207 4.748 5.679 4.748 9.447 0 6.5-5.27 11.77-11.77 11.77s-11.77-5.27-11.77-11.77c0-6.5 5.27-11.77 11.77-11.77z"
22
- }, null, -1)
11
+ createElementVNode("path", { d: "M12.032 2.355c1.632 0 3.205 0.404 4.611 1.166 0.34 0.182 0.466 0.609 0.281 0.949s-0.609 0.463-0.949 0.281c-1.201-0.65-2.546-0.996-3.943-0.996-4.585 0-8.3 3.715-8.3 8.297 0 4.588 3.715 8.303 8.3 8.303s8.3-3.715 8.3-8.303c0-2.063-0.753-4.002-2.098-5.514-0.258-0.287-0.231-0.732 0.059-0.984 0.287-0.258 0.729-0.234 0.987 0.053 1.57 1.764 2.452 4.037 2.452 6.445 0 5.361-4.342 9.703-9.7 9.703s-9.7-4.342-9.7-9.703c0-5.355 4.342-9.697 9.7-9.697zM10.866 7.658c0-0.627 0.507-1.131 1.134-1.131s1.134 0.504 1.134 1.131c0 0.627-0.507 1.131-1.134 1.131s-1.134-0.504-1.134-1.131zM12.706 10.002c-0.044-0.346-0.337-0.609-0.691-0.609-0.387 0-0.7 0.311-0.703 0.697l-0.023 6.762 0.006 0.1c0.044 0.34 0.337 0.603 0.691 0.603 0.387 0.006 0.7-0.311 0.703-0.697l0.023-6.762-0.006-0.094z" }, null, -1)
23
12
  ])]);
24
13
  }
25
- const IconTips = { name: "user-center-icon-tips", render };
14
+ const IconTips = { name: "components-icon-tips", render };
26
15
  export {
27
16
  IconTips as default
28
17
  };
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OHeaderSourceCode.vue2.mjs";
2
2
  import './OHeaderSourceCode.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OHeaderSourceCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c72b8c0"]]);
4
+ const OHeaderSourceCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c72b8c0"]]);
5
5
  export {
6
- _OHeaderSourceCode as default
6
+ OHeaderSourceCode as default
7
7
  };
@@ -1,7 +1,7 @@
1
- import _OHeaderSourceCode from "./OHeaderSourceCode.vue.mjs";
2
- const OHeaderSourceCode = Object.assign(_OHeaderSourceCode, {
1
+ import OHeaderSourceCode$1 from "./OHeaderSourceCode.vue.mjs";
2
+ const OHeaderSourceCode = Object.assign(OHeaderSourceCode$1, {
3
3
  install(app) {
4
- app.component("OHeaderSourceCode", _OHeaderSourceCode);
4
+ app.component("OHeaderSourceCode", OHeaderSourceCode$1);
5
5
  }
6
6
  });
7
7
  export {
@@ -1,7 +1,7 @@
1
1
  import { defineComponent, computed, ref, watch, nextTick, onMounted, onBeforeUnmount, openBlock, createElementBlock, unref, createElementVNode, toDisplayString, createVNode, withCtx, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, resolveDynamicComponent, createTextVNode, renderSlot } from "vue";
2
2
  import { isClient, OPopover, OIcon, OTab, OTabPane, OSelect, OOption, ODivider, OScroller, OResult, OFigure } from "@opensig/opendesign";
3
3
  import dayjs from "dayjs";
4
- import IconTips from "../../_virtual/icon-tips.mjs";
4
+ import IconTips from "../../_virtual/icon-tips2.mjs";
5
5
  import _sfc_main$1 from "./components/OMeetingSigAside.vue.mjs";
6
6
  import './components/OMeetingSigAside.css';
7
7
  import { CalendarDataType } from "./types.mjs";
@@ -1,223 +1,225 @@
1
- .hover-icon-rotate .o-icon[data-v-5f251928] {
1
+ .hover-icon-rotate .o-icon[data-v-433694fe] {
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-5f251928] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-433694fe] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .title[data-v-5f251928] {
9
+ .title[data-v-433694fe] {
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-5f251928] {
16
+ .tips[data-v-433694fe] {
17
17
  width: 592px;
18
18
  color: var(--o-color-info1);
19
19
  margin-bottom: 24px;
20
20
  }
21
- .tips[data-v-5f251928]:last-child {
21
+ .tips[data-v-433694fe]:last-child {
22
22
  margin-bottom: 0;
23
23
  }
24
- .tips-title[data-v-5f251928] {
24
+ .tips-title[data-v-433694fe] {
25
25
  font-size: 18px;
26
26
  line-height: 26px;
27
27
  }
28
28
  @media (min-width: 1201px) and (max-width: 1680px) {
29
- .tips-title[data-v-5f251928] {
29
+ .tips-title[data-v-433694fe] {
30
30
  font-size: 16px;
31
31
  line-height: 24px;
32
32
  }
33
33
  }
34
34
  @media (min-width: 841px) and (max-width: 1200px) {
35
- .tips-title[data-v-5f251928] {
35
+ .tips-title[data-v-433694fe] {
36
36
  font-size: 14px;
37
37
  line-height: 22px;
38
38
  }
39
39
  }
40
40
  @media (min-width: 601px) and (max-width: 840px) {
41
- .tips-title[data-v-5f251928] {
41
+ .tips-title[data-v-433694fe] {
42
42
  font-size: 14px;
43
43
  line-height: 22px;
44
44
  }
45
45
  }
46
46
  @media (max-width: 600px) {
47
- .tips-title[data-v-5f251928] {
47
+ .tips-title[data-v-433694fe] {
48
48
  font-size: 14px;
49
49
  line-height: 22px;
50
50
  }
51
51
  }
52
- .tips-title[data-v-5f251928] {
52
+ .tips-title[data-v-433694fe] {
53
53
  margin-bottom: 4px;
54
54
  }
55
- .tips-content[data-v-5f251928] {
55
+ .tips-content[data-v-433694fe] {
56
56
  font-size: 14px;
57
57
  line-height: 22px;
58
58
  }
59
59
  @media (min-width: 1201px) and (max-width: 1680px) {
60
- .tips-content[data-v-5f251928] {
60
+ .tips-content[data-v-433694fe] {
61
61
  font-size: 14px;
62
62
  line-height: 18px;
63
63
  }
64
64
  }
65
65
  @media (min-width: 841px) and (max-width: 1200px) {
66
- .tips-content[data-v-5f251928] {
66
+ .tips-content[data-v-433694fe] {
67
67
  font-size: 12px;
68
68
  line-height: 18px;
69
69
  }
70
70
  }
71
71
  @media (min-width: 601px) and (max-width: 840px) {
72
- .tips-content[data-v-5f251928] {
72
+ .tips-content[data-v-433694fe] {
73
73
  font-size: 12px;
74
74
  line-height: 18px;
75
75
  }
76
76
  }
77
77
  @media (max-width: 600px) {
78
- .tips-content[data-v-5f251928] {
78
+ .tips-content[data-v-433694fe] {
79
79
  font-size: 12px;
80
80
  line-height: 18px;
81
81
  }
82
82
  }
83
- .tips-content[data-v-5f251928] {
83
+ .tips-content[data-v-433694fe] {
84
84
  font-weight: normal;
85
85
  color: var(--o-color-info2);
86
86
  display: flex;
87
87
  justify-content: space-between;
88
88
  }
89
89
  @media (min-width: 841px) and (max-width: 1200px) {
90
- .tips[data-v-5f251928] {
90
+ .tips[data-v-433694fe] {
91
91
  width: 540px;
92
92
  }
93
93
  }
94
- .tips.lang-en[data-v-5f251928] {
94
+ .tips.lang-en[data-v-433694fe] {
95
95
  width: 592px;
96
96
  }
97
97
  @media (min-width: 841px) and (max-width: 1200px) {
98
- .tips.lang-en[data-v-5f251928] {
98
+ .tips.lang-en[data-v-433694fe] {
99
99
  width: 540px;
100
100
  }
101
101
  }
102
- .red[data-v-5f251928] {
102
+ .red[data-v-433694fe] {
103
103
  color: var(--o-color-danger1);
104
104
  }
105
- .text-btn[data-v-5f251928] {
105
+ .text-btn[data-v-433694fe] {
106
106
  font-size: 16px;
107
107
  line-height: 24px;
108
108
  }
109
109
  @media (min-width: 1201px) and (max-width: 1680px) {
110
- .text-btn[data-v-5f251928] {
110
+ .text-btn[data-v-433694fe] {
111
111
  font-size: 14px;
112
112
  line-height: 22px;
113
113
  }
114
114
  }
115
115
  @media (min-width: 841px) and (max-width: 1200px) {
116
- .text-btn[data-v-5f251928] {
116
+ .text-btn[data-v-433694fe] {
117
117
  font-size: 14px;
118
118
  line-height: 22px;
119
119
  }
120
120
  }
121
121
  @media (min-width: 601px) and (max-width: 840px) {
122
- .text-btn[data-v-5f251928] {
122
+ .text-btn[data-v-433694fe] {
123
123
  font-size: 14px;
124
124
  line-height: 22px;
125
125
  }
126
126
  }
127
127
  @media (max-width: 600px) {
128
- .text-btn[data-v-5f251928] {
128
+ .text-btn[data-v-433694fe] {
129
129
  font-size: 12px;
130
130
  line-height: 18px;
131
131
  }
132
132
  }
133
- .text-btn[data-v-5f251928] {
133
+ .text-btn[data-v-433694fe] {
134
134
  line-height: 24px;
135
135
  font-weight: Regular;
136
136
  cursor: pointer;
137
137
  white-space: nowrap;
138
138
  margin-left: 16px;
139
139
  }
140
- .text-btn[data-v-5f251928]:hover {
140
+ .text-btn[data-v-433694fe]:hover {
141
141
  color: var(--o-color-danger2);
142
142
  }
143
- .forget-btn[data-v-5f251928] {
143
+ .forget-btn[data-v-433694fe] {
144
144
  margin-left: 16px;
145
145
  font-size: 16px;
146
146
  line-height: 24px;
147
147
  }
148
148
  @media (min-width: 1201px) and (max-width: 1680px) {
149
- .forget-btn[data-v-5f251928] {
149
+ .forget-btn[data-v-433694fe] {
150
150
  font-size: 14px;
151
151
  line-height: 22px;
152
152
  }
153
153
  }
154
154
  @media (min-width: 841px) and (max-width: 1200px) {
155
- .forget-btn[data-v-5f251928] {
155
+ .forget-btn[data-v-433694fe] {
156
156
  font-size: 14px;
157
157
  line-height: 22px;
158
158
  }
159
159
  }
160
160
  @media (min-width: 601px) and (max-width: 840px) {
161
- .forget-btn[data-v-5f251928] {
161
+ .forget-btn[data-v-433694fe] {
162
162
  font-size: 14px;
163
163
  line-height: 22px;
164
164
  }
165
165
  }
166
166
  @media (max-width: 600px) {
167
- .forget-btn[data-v-5f251928] {
167
+ .forget-btn[data-v-433694fe] {
168
168
  font-size: 12px;
169
169
  line-height: 18px;
170
170
  }
171
171
  }
172
- .tips-bg[data-v-5f251928] {
172
+ .tips-bg[data-v-433694fe] {
173
173
  line-height: 24px;
174
174
  }
175
- .tips-bg a[data-v-5f251928] {
175
+ .tips-bg a[data-v-433694fe] {
176
176
  color: var(--o-color-link1);
177
177
  }
178
- .tips-bg a[data-v-5f251928]:hover {
178
+ .tips-bg a[data-v-433694fe]:hover {
179
179
  color: var(--o-color-primary2);
180
180
  }
181
- .security-pad[data-v-5f251928] {
181
+ .security-pad[data-v-433694fe] {
182
182
  /* 三行合并为一张白色卡片,距顶部 16px */
183
183
  margin-top: 16px;
184
184
  background-color: var(--o-color-fill2);
185
185
  border-radius: 8px;
186
186
  padding: 0 16px;
187
187
  }
188
- .security-pad .tips[data-v-5f251928] {
188
+ .security-pad .tips[data-v-433694fe] {
189
189
  width: 100%;
190
+ /* 重置基础规则的 max-width:592px,移动端卡片行始终通栏 */
191
+ max-width: 100%;
190
192
  margin: 0;
191
193
  padding: 12px 0;
192
194
  background-color: transparent;
193
195
  border-bottom: 1px solid var(--o-color-control4);
194
196
  }
195
- .security-pad .tips[data-v-5f251928]:last-child {
197
+ .security-pad .tips[data-v-433694fe]:last-child {
196
198
  border-bottom: none;
197
199
  }
198
- .security-pad .tips-title[data-v-5f251928] {
200
+ .security-pad .tips-title[data-v-433694fe] {
199
201
  margin-bottom: 8px;
200
202
  }
201
- .security-pad .tips-content[data-v-5f251928] {
203
+ .security-pad .tips-content[data-v-433694fe] {
202
204
  color: var(--o-color-info2);
203
205
  }
204
- .security-pad .tips .forget-btn[data-v-5f251928] {
206
+ .security-pad .tips .forget-btn[data-v-433694fe] {
205
207
  margin-left: 0;
206
208
  }
207
- .security-pad[data-v-5f251928] {
209
+ .security-pad[data-v-433694fe] {
208
210
  /* 登录密码 / 注销账号:标题上、描述+箭头下 */
209
211
  }
210
- .security-pad .tips-inline .tips-content[data-v-5f251928] {
212
+ .security-pad .tips-inline .tips-content[data-v-433694fe] {
211
213
  display: flex;
212
214
  align-items: center;
213
215
  justify-content: space-between;
214
216
  }
215
- .security-pad .tips-inline .tips-content .tips-desc[data-v-5f251928] {
217
+ .security-pad .tips-inline .tips-content .tips-desc[data-v-433694fe] {
216
218
  display: block;
217
219
  flex: 1;
218
220
  margin-right: 16px;
219
221
  }
220
- .security-pad .tips-inline .arrow[data-v-5f251928] {
222
+ .security-pad .tips-inline .arrow[data-v-433694fe] {
221
223
  width: 24px;
222
224
  height: 24px;
223
225
  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-5f251928"]]);
4
+ const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-433694fe"]]);
5
5
  export {
6
6
  _OAccountSecurity as default
7
7
  };
@@ -1,27 +1,27 @@
1
- .hover-icon-rotate .o-icon[data-v-ef293513] {
1
+ .hover-icon-rotate .o-icon[data-v-d9a0c3de] {
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-ef293513] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-d9a0c3de] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .user-info-setting[data-v-ef293513] {
9
+ .user-info-setting[data-v-d9a0c3de] {
10
10
  border-bottom: 1px solid var(--o-color-control4);
11
11
  }
12
12
  @media (max-width: 840px) {
13
- .user-info-setting[data-v-ef293513] {
13
+ .user-info-setting[data-v-d9a0c3de] {
14
14
  border-bottom: none;
15
15
  }
16
16
  }
17
- .title[data-v-ef293513] {
17
+ .title[data-v-d9a0c3de] {
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-ef293513] {
24
+ .login-setting[data-v-d9a0c3de] {
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-ef293513] {
34
+ .login-setting[data-v-d9a0c3de] {
35
35
  border-bottom: none;
36
36
  }
37
37
  }
38
- .section-label[data-v-ef293513] {
38
+ .section-label[data-v-d9a0c3de] {
39
39
  font-size: var(--font-size3);
40
40
  line-height: var(--line-height3);
41
41
  font-weight: 600;
@@ -44,37 +44,42 @@
44
44
  }
45
45
 
46
46
  /* 移动端:白色卡片行(与三方账号绑定一致) */
47
- .setting-content-pad[data-v-ef293513] {
47
+ .setting-content-pad[data-v-d9a0c3de] {
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-ef293513] {
54
+ .setting-content-pad .opt-item[data-v-d9a0c3de] {
55
55
  width: 100%;
56
+ /* 重置基础规则的 max-width:592px,移动端卡片行始终通栏(与三方账号绑定一致) */
57
+ max-width: 100%;
56
58
  height: 52px;
57
59
  line-height: normal;
58
60
  margin: 0;
59
61
  border-bottom: 1px solid var(--o-color-control4);
60
62
  }
61
- .setting-content-pad .opt-item[data-v-ef293513]:last-child {
63
+ .setting-content-pad .opt-item[data-v-d9a0c3de]:last-child {
62
64
  border-bottom: none;
63
65
  }
64
- .setting-content-pad .opt-item .left-content[data-v-ef293513] {
66
+ .setting-content-pad .opt-item .left-content[data-v-d9a0c3de] {
65
67
  flex: 1;
66
68
  align-items: center;
67
69
  margin-left: 0;
68
70
  }
69
- .setting-content-pad .opt-item .left-content .content-info[data-v-ef293513] {
71
+ .setting-content-pad .opt-item .left-content .content-info[data-v-d9a0c3de] {
72
+ /* 基础规则的 flex-grow:1 会占满剩余空间导致值紧贴标签(auto margin 失效),
73
+ 移动端需与三方账号绑定行一致:值靠右、紧贴箭头 */
74
+ flex-grow: 0;
70
75
  margin-left: auto;
71
- margin-right: 16px;
76
+ margin-right: 0;
72
77
  justify-content: flex-end;
73
78
  }
74
- .setting-content-pad .opt-item .left-content .content-label[data-v-ef293513] {
79
+ .setting-content-pad .opt-item .left-content .content-label[data-v-d9a0c3de] {
75
80
  color: var(--o-color-info1);
76
81
  }
77
- .opt-item[data-v-ef293513] {
82
+ .opt-item[data-v-d9a0c3de] {
78
83
  margin: var(--layout-gap2) 0;
79
84
  line-height: 40px;
80
85
  display: flex;
@@ -83,146 +88,146 @@
83
88
  color: var(--o-color-info1);
84
89
  }
85
90
  @media (min-width: 841px) and (max-width: 1200px) {
86
- .opt-item[data-v-ef293513] {
91
+ .opt-item[data-v-d9a0c3de] {
87
92
  width: 540px;
88
93
  }
89
94
  }
90
- .opt-item .opt-label[data-v-ef293513] {
95
+ .opt-item .opt-label[data-v-d9a0c3de] {
91
96
  color: var(--o-color-info1);
92
97
  }
93
- .opt-item .o-link + .o-link[data-v-ef293513] {
98
+ .opt-item .o-link + .o-link[data-v-d9a0c3de] {
94
99
  margin-left: var(--o-spacing-h4);
95
100
  }
96
- .opt-item .left-content .content-label[data-v-ef293513],
97
- .opt-item .left-content .content-info[data-v-ef293513] {
101
+ .opt-item .left-content .content-label[data-v-d9a0c3de],
102
+ .opt-item .left-content .content-info[data-v-d9a0c3de] {
98
103
  font-size: 16px;
99
104
  line-height: 24px;
100
105
  }
101
106
  @media (min-width: 1201px) and (max-width: 1680px) {
102
- .opt-item .left-content .content-label[data-v-ef293513],
103
- .opt-item .left-content .content-info[data-v-ef293513] {
107
+ .opt-item .left-content .content-label[data-v-d9a0c3de],
108
+ .opt-item .left-content .content-info[data-v-d9a0c3de] {
104
109
  font-size: 14px;
105
110
  line-height: 22px;
106
111
  }
107
112
  }
108
113
  @media (min-width: 841px) and (max-width: 1200px) {
109
- .opt-item .left-content .content-label[data-v-ef293513],
110
- .opt-item .left-content .content-info[data-v-ef293513] {
114
+ .opt-item .left-content .content-label[data-v-d9a0c3de],
115
+ .opt-item .left-content .content-info[data-v-d9a0c3de] {
111
116
  font-size: 14px;
112
117
  line-height: 22px;
113
118
  }
114
119
  }
115
120
  @media (min-width: 601px) and (max-width: 840px) {
116
- .opt-item .left-content .content-label[data-v-ef293513],
117
- .opt-item .left-content .content-info[data-v-ef293513] {
121
+ .opt-item .left-content .content-label[data-v-d9a0c3de],
122
+ .opt-item .left-content .content-info[data-v-d9a0c3de] {
118
123
  font-size: 14px;
119
124
  line-height: 22px;
120
125
  }
121
126
  }
122
127
  @media (max-width: 600px) {
123
- .opt-item .left-content .content-label[data-v-ef293513],
124
- .opt-item .left-content .content-info[data-v-ef293513] {
128
+ .opt-item .left-content .content-label[data-v-d9a0c3de],
129
+ .opt-item .left-content .content-info[data-v-d9a0c3de] {
125
130
  font-size: 12px;
126
131
  line-height: 18px;
127
132
  }
128
133
  }
129
- .opt-item .left-content .content-label[data-v-ef293513] {
134
+ .opt-item .left-content .content-label[data-v-d9a0c3de] {
130
135
  min-width: 120px;
131
136
  color: var(--o-color-info2);
132
137
  padding-left: 8px;
133
138
  }
134
- .opt-item .left-content[data-v-ef293513] {
139
+ .opt-item .left-content[data-v-d9a0c3de] {
135
140
  /* 用户信息值 */
136
141
  }
137
- .opt-item .left-content .content-info[data-v-ef293513],
138
- .opt-item .left-content .opt-label[data-v-ef293513] {
142
+ .opt-item .left-content .content-info[data-v-d9a0c3de],
143
+ .opt-item .left-content .opt-label[data-v-d9a0c3de] {
139
144
  color: var(--o-color-info2);
140
145
  }
141
- .opt-item .left-content .content-info[data-v-ef293513] {
146
+ .opt-item .left-content .content-info[data-v-d9a0c3de] {
142
147
  flex-grow: 1;
143
148
  margin-right: 16px;
144
149
  }
145
- .opt-item .left-content .content-label-en[data-v-ef293513] {
150
+ .opt-item .left-content .content-label-en[data-v-d9a0c3de] {
146
151
  min-width: 160px;
147
152
  padding-left: 8px;
148
153
  }
149
- .opt-item .left-content .mask-icon[data-v-ef293513]:hover {
154
+ .opt-item .left-content .mask-icon[data-v-d9a0c3de]:hover {
150
155
  color: var(--o-color-link2);
151
156
  }
152
- .opt-item.lang-en[data-v-ef293513] {
157
+ .opt-item.lang-en[data-v-d9a0c3de] {
153
158
  width: 592px;
154
159
  }
155
160
  @media (min-width: 841px) and (max-width: 1200px) {
156
- .opt-item.lang-en[data-v-ef293513] {
161
+ .opt-item.lang-en[data-v-d9a0c3de] {
157
162
  width: 540px;
158
163
  }
159
164
  }
160
- .fs16[data-v-ef293513] {
165
+ .fs16[data-v-d9a0c3de] {
161
166
  font-size: 16px;
162
167
  }
163
- .icon[data-v-ef293513] {
168
+ .icon[data-v-d9a0c3de] {
164
169
  font-size: 24px;
165
170
  line-height: 1;
166
171
  }
167
- .center[data-v-ef293513] {
172
+ .center[data-v-d9a0c3de] {
168
173
  display: flex;
169
174
  align-items: center;
170
175
  }
171
- .center .unbind[data-v-ef293513] {
176
+ .center .unbind[data-v-d9a0c3de] {
172
177
  margin-right: 16px;
173
178
  font-size: 16px;
174
179
  line-height: 24px;
175
180
  }
176
181
  @media (min-width: 1201px) and (max-width: 1680px) {
177
- .center .unbind[data-v-ef293513] {
182
+ .center .unbind[data-v-d9a0c3de] {
178
183
  font-size: 14px;
179
184
  line-height: 22px;
180
185
  }
181
186
  }
182
187
  @media (min-width: 841px) and (max-width: 1200px) {
183
- .center .unbind[data-v-ef293513] {
188
+ .center .unbind[data-v-d9a0c3de] {
184
189
  font-size: 14px;
185
190
  line-height: 22px;
186
191
  }
187
192
  }
188
193
  @media (min-width: 601px) and (max-width: 840px) {
189
- .center .unbind[data-v-ef293513] {
194
+ .center .unbind[data-v-d9a0c3de] {
190
195
  font-size: 14px;
191
196
  line-height: 22px;
192
197
  }
193
198
  }
194
199
  @media (max-width: 600px) {
195
- .center .unbind[data-v-ef293513] {
200
+ .center .unbind[data-v-d9a0c3de] {
196
201
  font-size: 12px;
197
202
  line-height: 18px;
198
203
  }
199
204
  }
200
- .center .unbind[data-v-ef293513] .o-link-label {
205
+ .center .unbind[data-v-d9a0c3de] .o-link-label {
201
206
  color: var(--o-color-info3);
202
207
  transition: none;
203
208
  background: none;
204
209
  background-size: 0;
205
210
  }
206
- .skeleton-text[data-v-ef293513] {
211
+ .skeleton-text[data-v-d9a0c3de] {
207
212
  --skeleton-item-gap: 0px;
208
213
  --skeleton-height: 32px;
209
214
  width: 440px;
210
215
  }
211
- [data-v-ef293513] .o-link-normal {
216
+ [data-v-d9a0c3de] .o-link-normal {
212
217
  --link-color-hover: var(--o-color-link2);
213
218
  }
214
219
  @media screen and (max-width: 1440px) {
215
- .skeleton-text[data-v-ef293513] {
220
+ .skeleton-text[data-v-d9a0c3de] {
216
221
  --skeleton-height: 28px;
217
222
  }
218
223
  }
219
224
  @media screen and (max-width: 1200px) {
220
- .skeleton-text[data-v-ef293513] {
225
+ .skeleton-text[data-v-d9a0c3de] {
221
226
  --skeleton-height: 24px;
222
227
  }
223
228
  }
224
229
  @media screen and (max-width: 840px) {
225
- .skeleton-text[data-v-ef293513] {
230
+ .skeleton-text[data-v-d9a0c3de] {
226
231
  --skeleton-height: 24px;
227
232
  }
228
233
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OAccountSetting.vue2.mjs";
2
2
  import './OAccountSetting.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OAccountSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ef293513"]]);
4
+ const _OAccountSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d9a0c3de"]]);
5
5
  export {
6
6
  _OAccountSetting as default
7
7
  };