@titaui/pc 1.15.28-beta.2 → 1.15.29

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/lib/components/nav-top/components/app-center/index.css +0 -29
  2. package/lib/components/nav-top/components/app-center/index.js +3 -94
  3. package/lib/components/nav-top/components/user-own-menu/components/own-menu/index.js +1 -12
  4. package/lib/components/okr-detail/components/okr-tree/tree-node/e-kr-node/index.js +4 -6
  5. package/lib/components/task-relation-modal/relation-single-okr/index.css +16 -5
  6. package/lib/index.js +0 -8
  7. package/package.json +1 -3
  8. package/lib/components/expiration-reminder/img/close.png +0 -0
  9. package/lib/components/expiration-reminder/img/close.svg +0 -16
  10. package/lib/components/expiration-reminder/img/emoji.svg +0 -16
  11. package/lib/components/expiration-reminder/img/qrcode-official.png +0 -0
  12. package/lib/components/expiration-reminder/img/qrcode-trial.png +0 -0
  13. package/lib/components/expiration-reminder/img/reminder.png +0 -0
  14. package/lib/components/expiration-reminder/index.css +0 -112
  15. package/lib/components/expiration-reminder/index.js +0 -304
  16. package/lib/components/expiration-reminder/utils.js +0 -58
  17. package/lib/components/mirroring/index.css +0 -67
  18. package/lib/components/mirroring/index.js +0 -39
  19. package/lib/components/nav-top/components/app-center/images/quick.svg +0 -30
  20. package/lib/components/quick-entrance/img/canceled.svg +0 -15
  21. package/lib/components/quick-entrance/img/drag-icon.svg +0 -18
  22. package/lib/components/quick-entrance/img/ork.svg +0 -20
  23. package/lib/components/quick-entrance/img/performance.svg +0 -20
  24. package/lib/components/quick-entrance/img/project.svg +0 -21
  25. package/lib/components/quick-entrance/index.css +0 -172
  26. package/lib/components/quick-entrance/index.js +0 -317
  27. package/lib/components/quick-entrance/render-item.js +0 -36
  28. package/lib/components/quick-entrance/request-api.js +0 -22
@@ -46,10 +46,6 @@
46
46
  background-size: contain;
47
47
  }
48
48
 
49
- .app-center__app-item-icon--quick {
50
- background-image: url("./images/quick.svg");
51
- }
52
-
53
49
  .app-center__app-item-icon--chart {
54
50
  background-image: url(./images/chart.svg);
55
51
  }
@@ -102,27 +98,6 @@
102
98
  color: #141c28;
103
99
  line-height: 26px;
104
100
  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
105
- display: flex;
106
- flex-direction: row;
107
- align-items: center;
108
- }
109
-
110
- .app-center__app-item-name__right-btn {
111
- min-width: 46px;
112
- width: 46px !important;
113
- height: 20px !important;
114
- border-radius: 11px;
115
- border: 1px solid #2879FF;
116
- font-size: 12px;
117
- font-weight: normal;
118
- color: #2879FF;
119
- line-height: 20px;
120
- text-align: center;
121
- margin-left: 8px;
122
- }
123
-
124
- .app-center__app-item-name__right-btn:hover {
125
- background-color: rgba(40, 121, 255, 0.1);
126
101
  }
127
102
 
128
103
  .app-center__app-item-sub-title {
@@ -141,10 +116,6 @@
141
116
  padding: 0 16px;
142
117
  }
143
118
 
144
- .app-center__app-item--quick:hover {
145
- background-color: rgba(255, 178, 0, 0.1);
146
- }
147
-
148
119
  .app-center__app-item--okr:hover, .app-center__app-item--demo:hover {
149
120
  background-color: rgba(40, 121, 255, 0.1);
150
121
  }
@@ -29,8 +29,6 @@ var _interface = require("./interface");
29
29
 
30
30
  var _yuyueAward = _interopRequireDefault(require("./images/yuyue-award.png"));
31
31
 
32
- var _quickEntrance = _interopRequireDefault(require("../../../quick-entrance"));
33
-
34
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
35
33
 
36
34
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -89,13 +87,6 @@ var AppCenter = function AppCenter(props) {
89
87
  isTrial = _useState6[0];
90
88
 
91
89
  var _useState7 = (0, _react.useState)(function () {
92
- console.log(apps);
93
- var localCurrentAppId = sessionStorage.getItem("LocalCurrentAppId_".concat(userId));
94
-
95
- if (localCurrentAppId) {
96
- return Number(localCurrentAppId);
97
- }
98
-
99
90
  var hash = window.location.hash.split('?')[0] || '';
100
91
 
101
92
  if (hash) {
@@ -111,7 +102,6 @@ var AppCenter = function AppCenter(props) {
111
102
  currentAppId = _useState8[0],
112
103
  setCurrentAppId = _useState8[1];
113
104
 
114
- var QuickEntranceDialogRef = (0, _react.useRef)(null);
115
105
  var bookDemoRef = (0, _react.useRef)();
116
106
  (0, _react.useEffect)(function () {
117
107
  setInit(true);
@@ -123,24 +113,13 @@ var AppCenter = function AppCenter(props) {
123
113
  return app.id === currentAppId;
124
114
  })) === null || _apps$find === void 0 ? void 0 : _apps$find.children) || [];
125
115
  var navigations = (0, _utils.getMenus)();
126
- console.log(currentAppId, 'currentAppId');
127
- sessionStorage.setItem("LocalCurrentAppId_".concat(userId), currentAppId.toString());
128
116
  var dynamic = navigations.filter(function (item) {
129
117
  return item.code === 'dynamic';
130
118
  });
131
119
  setMenu([].concat(_toConsumableArray(dynamic), _toConsumableArray(menus)));
132
120
 
133
121
  if (init) {
134
- var _menus$, _menus$2;
135
-
136
- if (((_menus$ = menus[0]) === null || _menus$ === void 0 ? void 0 : _menus$.code) === "learning") {
137
- var _dynamic$;
138
-
139
- window.location.href = (_dynamic$ = dynamic[0]) === null || _dynamic$ === void 0 ? void 0 : _dynamic$.href;
140
- return;
141
- }
142
-
143
- window.location.href = (_menus$2 = menus[0]) === null || _menus$2 === void 0 ? void 0 : _menus$2.href;
122
+ window.location.href = menus === null || menus === void 0 ? void 0 : menus[0].href;
144
123
  }
145
124
 
146
125
  closeAppCenter();
@@ -152,7 +131,6 @@ var AppCenter = function AppCenter(props) {
152
131
  return;
153
132
  }
154
133
 
155
- console.log(app, 'app');
156
134
  setCurrentAppId(app.id);
157
135
  closeAppCenter();
158
136
  };
@@ -185,69 +163,6 @@ var AppCenter = function AppCenter(props) {
185
163
  }
186
164
  };
187
165
 
188
- var handleOkQuickMenu = function handleOkQuickMenu(newQuickMenu) {
189
- var _dynamic$2, _newQuickMenu$;
190
-
191
- var navigations = (0, _utils.getMenus)();
192
- var dynamic = navigations.filter(function (item) {
193
- return item.code === 'dynamic';
194
- });
195
- var quickMenu = navigations.find(function (item) {
196
- return item.code === 'quick';
197
- });
198
- var dynamicHref = (_dynamic$2 = dynamic[0]) === null || _dynamic$2 === void 0 ? void 0 : _dynamic$2.href;
199
-
200
- if (currentAppId !== quickMenu.id) {
201
- location.href = dynamicHref;
202
- }
203
-
204
- setMenu([].concat(_toConsumableArray(dynamic), _toConsumableArray(newQuickMenu)));
205
- setCurrentAppId(quickMenu.id);
206
-
207
- if (((_newQuickMenu$ = newQuickMenu[0]) === null || _newQuickMenu$ === void 0 ? void 0 : _newQuickMenu$.code) === "learning") {
208
- var _dynamic$3;
209
-
210
- window.location.href = (_dynamic$3 = dynamic[0]) === null || _dynamic$3 === void 0 ? void 0 : _dynamic$3.href;
211
- return;
212
- }
213
-
214
- var hash = window.location.hash.split('?')[0] || '';
215
-
216
- if (hash) {
217
- var isUseNewMenu = window.BSGlobal.isUseNewMenu;
218
- var activeMenu; //用来判断当前路由是否包含在修改后的常用菜单中
219
-
220
- if (!isUseNewMenu) {
221
- // 老版本的menu
222
- activeMenu = newQuickMenu.find(function (item) {
223
- var _item$href$split, _item$href$split$, _item$href$split$$spl, _item$href$split$$spl2, _item$href$split$$spl3, _item$href$split2, _item$href$split2$, _item$href$split2$$sp, _item$href$split2$$sp2, _item$href$split2$$sp3;
224
-
225
- return hash.includes(item.href.startsWith("#/") ? (_item$href$split = item.href.split('#/')) === null || _item$href$split === void 0 ? void 0 : (_item$href$split$ = _item$href$split[1]) === null || _item$href$split$ === void 0 ? void 0 : (_item$href$split$$spl = _item$href$split$.split('?')) === null || _item$href$split$$spl === void 0 ? void 0 : (_item$href$split$$spl2 = _item$href$split$$spl[0]) === null || _item$href$split$$spl2 === void 0 ? void 0 : (_item$href$split$$spl3 = _item$href$split$$spl2.split('/')) === null || _item$href$split$$spl3 === void 0 ? void 0 : _item$href$split$$spl3[0] : (_item$href$split2 = item.href.split('#')) === null || _item$href$split2 === void 0 ? void 0 : (_item$href$split2$ = _item$href$split2[1]) === null || _item$href$split2$ === void 0 ? void 0 : (_item$href$split2$$sp = _item$href$split2$.split('?')) === null || _item$href$split2$$sp === void 0 ? void 0 : (_item$href$split2$$sp2 = _item$href$split2$$sp[0]) === null || _item$href$split2$$sp2 === void 0 ? void 0 : (_item$href$split2$$sp3 = _item$href$split2$$sp2.split('/')) === null || _item$href$split2$$sp3 === void 0 ? void 0 : _item$href$split2$$sp3[0]);
226
- });
227
- } else {
228
- //新版本menu
229
- activeMenu = newQuickMenu.find(function (item) {
230
- var _item$href$split3, _item$href$split3$, _item$href$split3$$sp, _item$href$split4, _item$href$split4$, _item$href$split4$$sp;
231
-
232
- return hash.includes(item.href.startsWith("#/") ? (_item$href$split3 = item.href.split('#/')) === null || _item$href$split3 === void 0 ? void 0 : (_item$href$split3$ = _item$href$split3[1]) === null || _item$href$split3$ === void 0 ? void 0 : (_item$href$split3$$sp = _item$href$split3$.split('?')) === null || _item$href$split3$$sp === void 0 ? void 0 : _item$href$split3$$sp[0] : (_item$href$split4 = item.href.split('#')) === null || _item$href$split4 === void 0 ? void 0 : (_item$href$split4$ = _item$href$split4[1]) === null || _item$href$split4$ === void 0 ? void 0 : (_item$href$split4$$sp = _item$href$split4$.split('?')) === null || _item$href$split4$$sp === void 0 ? void 0 : _item$href$split4$$sp[0]);
233
- });
234
- }
235
-
236
- if (!activeMenu) {
237
- var _newQuickMenu$2;
238
-
239
- window.location.href = (_newQuickMenu$2 = newQuickMenu[0]) === null || _newQuickMenu$2 === void 0 ? void 0 : _newQuickMenu$2.href;
240
- }
241
- }
242
- };
243
-
244
- var handleSetting = function handleSetting(e) {
245
- var _QuickEntranceDialogR;
246
-
247
- e.stopPropagation();
248
- (_QuickEntranceDialogR = QuickEntranceDialogRef.current) === null || _QuickEntranceDialogR === void 0 ? void 0 : _QuickEntranceDialogR.showDialog();
249
- };
250
-
251
166
  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
252
167
  className: "".concat(precls, "__drawer"),
253
168
  placement: "top",
@@ -255,10 +170,7 @@ var AppCenter = function AppCenter(props) {
255
170
  visible: appCenterVisible,
256
171
  width: "100%",
257
172
  autoClosable: true
258
- }, /*#__PURE__*/_react["default"].createElement(_quickEntrance["default"], {
259
- ref: QuickEntranceDialogRef,
260
- handleOkQuickMenu: handleOkQuickMenu
261
- }), /*#__PURE__*/_react["default"].createElement("div", {
173
+ }, /*#__PURE__*/_react["default"].createElement("div", {
262
174
  className: precls
263
175
  }, /*#__PURE__*/_react["default"].createElement("div", {
264
176
  className: "".concat(precls, "__app-list")
@@ -274,10 +186,7 @@ var AppCenter = function AppCenter(props) {
274
186
  className: "".concat(precls, "__app-item-desc")
275
187
  }, /*#__PURE__*/_react["default"].createElement("span", {
276
188
  className: "".concat(precls, "__app-item-name")
277
- }, /*#__PURE__*/_react["default"].createElement("span", null, app.title), app.appId === 1 && /*#__PURE__*/_react["default"].createElement("span", {
278
- className: "".concat(precls, "__app-item-name__right-btn"),
279
- onClick: handleSetting
280
- }, "\u8BBE\u7F6E")), isTrial && /*#__PURE__*/_react["default"].createElement("span", {
189
+ }, app.title), isTrial && /*#__PURE__*/_react["default"].createElement("span", {
281
190
  className: "".concat(precls, "__app-item-sub-title")
282
191
  }, app.subTitle)));
283
192
  }), new Array(20).fill(1).map(function () {
@@ -65,14 +65,6 @@ function User() {
65
65
  });
66
66
  };
67
67
 
68
- var handleMenuItemClick = function handleMenuItemClick(item) {
69
- console.log(item.id);
70
-
71
- if ((item === null || item === void 0 ? void 0 : item.id) === 'Logout') {
72
- localStorage.removeItem("LocalCurrentAppId_".concat((0, _bsGlobal.getUserInfo)().Id));
73
- }
74
- };
75
-
76
68
  return /*#__PURE__*/_react["default"].createElement("div", {
77
69
  className: (0, _classnames["default"])("".concat(preCls))
78
70
  }, /*#__PURE__*/_react["default"].createElement("ul", {
@@ -91,10 +83,7 @@ function User() {
91
83
  condition: !!item.objUrl
92
84
  }, /*#__PURE__*/_react["default"].createElement("a", {
93
85
  href: item.objUrl,
94
- className: (0, _classnames["default"])("".concat(preCls, "__card-item-title")),
95
- onClick: function onClick() {
96
- return handleMenuItemClick(item);
97
- }
86
+ className: (0, _classnames["default"])("".concat(preCls, "__card-item-title"))
98
87
  }, item.title)), /*#__PURE__*/_react["default"].createElement(_conditionRender["default"], {
99
88
  condition: !item.objUrl
100
89
  }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -125,13 +125,11 @@ var EKrNode = function EKrNode(props) {
125
125
  objType: 4,
126
126
  AppId: 1,
127
127
  AppType: 1,
128
- TaskType: 0,
129
- WorkMileStoneId: data.mileStoneId
130
- };
128
+ TaskType: 0 // WorkMileStoneId: data.mileStoneId,
131
129
 
132
- if (data.mileStoneId > 0) {
133
- params.WorkMileStoneName = data.mileStoneName;
134
- }
130
+ }; // if (data.mileStoneId > 0) {
131
+ // params.WorkMileStoneName = data.mileStoneName
132
+ // }
135
133
 
136
134
  window.openCreateTaskPop(btnRef.current, {
137
135
  createParams: params,
@@ -5,19 +5,24 @@
5
5
  box-shadow: 0px 4px 16px 0px rgba(127, 145, 180, 0.2);
6
6
  border: 1px solid #F0F2F5;
7
7
  border-radius: 24px;
8
- padding: 20px 20px 16px;
8
+ padding: 20px 4px 16px 16px;
9
9
  box-sizing: border-box;
10
+ overflow: auto;
10
11
  }
11
12
 
12
13
  .relation-single-okr__pop-O {
13
14
  display: flex;
14
15
  align-items: flex-start;
16
+ border-radius: 8px;
17
+ padding: 5px 4px 5px 4px;
15
18
  }
16
19
 
17
20
  .relation-single-okr__pop-O-img {
18
- line-height: 22px;
21
+ line-height: 22px !important;
19
22
  color: #3F4755;
20
23
  font-size: 14px;
24
+ position: relative;
25
+ top: 1px;
21
26
  }
22
27
 
23
28
  .relation-single-okr__pop-O-title {
@@ -33,14 +38,16 @@
33
38
  color: #2879FF;
34
39
  }
35
40
 
36
- .relation-single-okr__pop-krs {
37
- margin-left: 18px;
41
+ .relation-single-okr__pop-O:hover {
42
+ background: #F0F4FA;
38
43
  }
39
44
 
40
45
  .relation-single-okr__pop-krs-kr {
41
46
  display: flex;
42
47
  align-items: flex-start;
43
- margin-top: 10px;
48
+ padding-left: 18px;
49
+ padding: 5px 4px 5px 22px;
50
+ border-radius: 8px;
44
51
  }
45
52
 
46
53
  .relation-single-okr__pop-krs-kr__sort {
@@ -64,3 +71,7 @@
64
71
  .relation-single-okr__pop-krs-kr__title--selected {
65
72
  color: #2879FF;
66
73
  }
74
+
75
+ .relation-single-okr__pop-krs-kr:hover {
76
+ background: #F0F4FA;
77
+ }
package/lib/index.js CHANGED
@@ -171,12 +171,6 @@ Object.defineProperty(exports, "ErrorBoundary", {
171
171
  return _errorBoundary["default"];
172
172
  }
173
173
  });
174
- Object.defineProperty(exports, "ExpirationReminder", {
175
- enumerable: true,
176
- get: function get() {
177
- return _expirationReminder["default"];
178
- }
179
- });
180
174
  Object.defineProperty(exports, "FileList", {
181
175
  enumerable: true,
182
176
  get: function get() {
@@ -754,8 +748,6 @@ var _ereportList = _interopRequireDefault(require("./components/ereport-list"));
754
748
 
755
749
  var _errorBoundary = _interopRequireDefault(require("./components/error-boundary"));
756
750
 
757
- var _expirationReminder = _interopRequireDefault(require("./components/expiration-reminder"));
758
-
759
751
  var _errorLevel = _interopRequireDefault(require("./utils/error-level"));
760
752
 
761
753
  var _formatTime = _interopRequireDefault(require("./utils/format-time"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@titaui/pc",
3
- "version": "1.15.28-beta.2",
3
+ "version": "1.15.29",
4
4
  "nameCN": "",
5
5
  "description": "",
6
6
  "main": "lib/index.js",
@@ -44,7 +44,6 @@
44
44
  "babel-plugin-module-resolver": "4.1.0",
45
45
  "babel-plugin-transform-class-properties": "6.24.1",
46
46
  "babel-plugin-transform-function-bind": "6.22.0",
47
- "copy-to-clipboard": "^3.3.1",
48
47
  "cross-env": "7.0.2",
49
48
  "del": "6.0.0",
50
49
  "eslint": "8.7.0",
@@ -70,7 +69,6 @@
70
69
  "lint-staged": "12.2.0",
71
70
  "pretty-quick": "3.1.3",
72
71
  "sass-resources-loader": "2.2.1",
73
- "selection-ranges": "3.0.3",
74
72
  "typescript": "4.5.4"
75
73
  },
76
74
  "dependencies": {
@@ -1,16 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="10px" height="10px" viewBox="0 0 10 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <title>canceled</title>
4
- <defs>
5
- <filter color-interpolation-filters="auto" id="filter-1">
6
- <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"></feColorMatrix>
7
- </filter>
8
- </defs>
9
- <g id="线性" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
10
- <g id="canceled" transform="translate(-2.000000, -2.000000)" filter="url(#filter-1)">
11
- <g>
12
- <path d="M10.7368897,2.44585438 C10.9646956,2.21804854 11.3340418,2.21804854 11.5618476,2.44585438 C11.7896535,2.67366021 11.7896535,3.04300645 11.5618476,3.27081229 L11.5618476,3.27081229 L7.82,7.012 L11.5203914,10.7123106 C11.7481972,10.9401164 11.7481972,11.3094627 11.5203914,11.5372685 C11.2925856,11.7650743 10.9232393,11.7650743 10.6954335,11.5372685 L6.995,7.837 L3.31226851,11.5203914 C3.10977444,11.7228855 2.79544597,11.7453848 2.5680998,11.5878894 L2.4873106,11.5203914 C2.25950476,11.2925856 2.25950476,10.9232393 2.4873106,10.6954335 L2.4873106,10.6954335 L6.17,7.012 L2.44585438,3.2876894 C2.21804854,3.05988356 2.21804854,2.69053732 2.44585438,2.46273149 C2.67366021,2.23492565 3.04300645,2.23492565 3.27081229,2.46273149 L6.995,6.187 Z" id="形状结合" fill="#444444"></path>
13
- </g>
14
- </g>
15
- </g>
16
- </svg>
@@ -1,16 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg width="34px" height="34px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <title>编组 27</title>
4
- <g id="到期时间页面优化" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
5
- <g id="合作客户---已过期" transform="translate(-424.000000, -362.000000)">
6
- <g id="编组-27备份-2" transform="translate(390.000000, 167.000000)">
7
- <g id="编组-27" transform="translate(34.000000, 195.000000)">
8
- <rect id="矩形" fill-opacity="0" fill="#FFFFFF" x="0" y="0" width="34" height="34"></rect>
9
- <text id="😭" font-family="AppleColorEmoji, Apple Color Emoji" font-size="28" font-weight="normal" line-spacing="28" fill="#141C28">
10
- <tspan x="3" y="31.2419314">😭</tspan>
11
- </text>
12
- </g>
13
- </g>
14
- </g>
15
- </g>
16
- </svg>
@@ -1,112 +0,0 @@
1
- .titaui-expiration-reminder {
2
- width: 420px;
3
- min-height: 430px;
4
- max-height: 466px;
5
- margin: 0 auto;
6
- padding-top: 195px;
7
- border-radius: 40px;
8
- background-color: #ffffff;
9
- background-image: url("./img/reminder.png");
10
- background-size: 100% 160px;
11
- background-repeat: no-repeat;
12
- box-sizing: border-box;
13
- }
14
-
15
- .titaui-expiration-reminder__close {
16
- width: 32px;
17
- height: 32px;
18
- background-image: url("./img/close.png");
19
- background-size: 100%;
20
- background-repeat: no-repeat;
21
- cursor: pointer;
22
- position: absolute;
23
- top: 0;
24
- right: -42px;
25
- }
26
-
27
- .titaui-expiration-reminder__contact {
28
- font-size: 12px;
29
- line-height: 18px;
30
- color: #89919F;
31
- }
32
-
33
- .titaui-expiration-reminder__contact-number::selection {
34
- background-color: #2879ff;
35
- color: #ffffff;
36
- }
37
-
38
- .titaui-expiration-reminder__description {
39
- margin: 24px 0 28px;
40
- font-size: 18px;
41
- line-height: 36px;
42
- color: #141C28;
43
- text-align: center;
44
- }
45
-
46
- .titaui-expiration-reminder__description .titaui-text-btn {
47
- font-size: 18px;
48
- line-height: 36px;
49
- }
50
-
51
- .titaui-expiration-reminder__footer {
52
- text-align: center;
53
- }
54
-
55
- .titaui-expiration-reminder__footer .titaui-rect-btn {
56
- width: 356px;
57
- height: 52px;
58
- margin: 0 auto 10px;
59
- font-size: 18px;
60
- line-height: 24px;
61
- border-radius: 26px;
62
- }
63
-
64
- .titaui-expiration-reminder__qrcode {
65
- padding-top: 74px;
66
- background-image: none;
67
- text-align: center;
68
- position: relative;
69
- }
70
-
71
- .titaui-expiration-reminder__qrcode-title {
72
- font-size: 26px;
73
- font-weight: 600;
74
- line-height: 40px;
75
- color: #141C28;
76
- }
77
-
78
- .titaui-expiration-reminder__qrcode-subtitle {
79
- margin-top: 8px;
80
- font-size: 18px;
81
- line-height: 24px;
82
- color: #89919F;
83
- }
84
-
85
- .titaui-expiration-reminder__qrcode-img {
86
- margin-top: 28px;
87
- }
88
-
89
- .titaui-expiration-reminder__qrcode .titaui-text-btn {
90
- position: absolute;
91
- top: 28px;
92
- left: 32px;
93
- }
94
-
95
- .titaui-expiration-reminder__remain-day {
96
- font-size: 36px;
97
- color: #2879ff;
98
- }
99
-
100
- .titaui-expiration-reminder__title {
101
- font-size: 28px;
102
- font-weight: 600;
103
- line-height: 34px;
104
- color: #141C28;
105
- text-align: center;
106
- }
107
-
108
- .titaui-expiration-reminder__title img {
109
- position: relative;
110
- top: -4px;
111
- left: -4px;
112
- }