verce-vue-test 0.0.21 → 0.0.22

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/LoginSuccessNotification.vue +13 -16
  3. package/src/stores/login.ts +12 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "verce-vue-test",
3
- "version": "0.0.21",
3
+ "version": "0.0.22",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "scripts": {
package/src/components/LoginSuccessNotification.vue CHANGED
@@ -1,25 +1,22 @@
1
1
  <script setup lang="ts">
2
2
  import { Calendar, Check, Clock, User } from '@element-plus/icons-vue'
3
3
 
4
- interface LoginLocation {
4
+ interface LoginInfo {
5
5
  ip: string
6
- location: string
7
6
  time?: string
8
7
  }
9
8
 
10
9
  withDefaults(
11
10
  defineProps<{
12
- current: LoginLocation
13
- previous: LoginLocation
11
+ current: LoginInfo
12
+ previous: LoginInfo
14
13
  }>(),
15
14
  {
16
15
  current: () => ({
17
16
  ip: '188.253.12.45',
18
- location: 'Akari 中国 香港',
19
17
  }),
20
18
  previous: () => ({
21
19
  ip: '188.253.12.42',
22
- location: 'Akari 中国 香港',
23
20
  time: '2026-05-22 14:52:58',
24
21
  }),
25
22
  },
@@ -188,7 +185,7 @@ withDefaults(
188
185
  .notice-title {
189
186
  margin: 0 34px 4px 0;
190
187
  color: #20232a;
191
- font-size: 22px;
188
+ font-size: 20px;
192
189
  font-weight: 900;
193
190
  line-height: 1.15;
194
191
  letter-spacing: 0;
@@ -197,7 +194,7 @@ withDefaults(
197
194
  .notice-subtitle {
198
195
  margin: 0;
199
196
  color: #6f7582;
200
- font-size: 14px;
197
+ font-size: 13px;
201
198
  font-weight: 500;
202
199
  line-height: 1.25;
203
200
  }
@@ -241,7 +238,7 @@ withDefaults(
241
238
  position: relative;
242
239
  margin: 0;
243
240
  color: #20232a;
244
- font-size: 17px;
241
+ font-size: 15px;
245
242
  font-weight: 900;
246
243
  line-height: 1.2;
247
244
  letter-spacing: 0;
@@ -290,7 +287,7 @@ withDefaults(
290
287
 
291
288
  .row-label {
292
289
  color: #6f7582;
293
- font-size: 14px;
290
+ font-size: 13px;
294
291
  font-weight: 600;
295
292
  line-height: 1.2;
296
293
  }
@@ -305,7 +302,7 @@ withDefaults(
305
302
  .row-value {
306
303
  min-width: 0;
307
304
  color: #20232a;
308
- font-size: 15px;
305
+ font-size: 14px;
309
306
  font-weight: 600;
310
307
  line-height: 1.2;
311
308
  word-break: break-word;
@@ -352,11 +349,11 @@ withDefaults(
352
349
 
353
350
  .notice-title {
354
351
  margin-right: 36px;
355
- font-size: 20px;
352
+ font-size: 19px;
356
353
  }
357
354
 
358
355
  .notice-subtitle {
359
- font-size: 14px;
356
+ font-size: 13px;
360
357
  }
361
358
 
362
359
  .notice-body {
@@ -374,7 +371,7 @@ withDefaults(
374
371
  }
375
372
 
376
373
  .section-title {
377
- font-size: 17px;
374
+ font-size: 15px;
378
375
  }
379
376
 
380
377
  .info-card {
@@ -394,11 +391,11 @@ withDefaults(
394
391
  }
395
392
 
396
393
  .row-label {
397
- font-size: 14px;
394
+ font-size: 13px;
398
395
  }
399
396
 
400
397
  .row-value {
401
- font-size: 15px;
398
+ font-size: 14px;
402
399
  }
403
400
 
404
401
  .section-divider {
package/src/stores/login.ts CHANGED
@@ -16,21 +16,21 @@ export const useLoginStore = defineStore('login', () => {
16
16
  try {
17
17
  // 模拟登录请求
18
18
  await new Promise((resolve) => setTimeout(resolve, 500))
19
+ const loginInfo = {
20
+ current: {
21
+ ip: '188.253.12.45',
22
+ },
23
+ previous: {
24
+ ip: '188.253.12.42',
25
+ time: '2026-05-22 14:52:58',
26
+ },
27
+ }
28
+
19
29
  ElNotification({
20
- message: h(LoginSuccessNotification, {
21
- current: {
22
- ip: '188.253.12.45',
23
- location: 'Akari 中国 香港',
24
- },
25
- previous: {
26
- ip: '188.253.12.42',
27
- location: 'Akari 中国 香港',
28
- time: '2026-05-22 14:52:58',
29
- },
30
- }),
30
+ message: h(LoginSuccessNotification, loginInfo),
31
31
  customClass: 'login-success-notification',
32
32
  duration: 5000,
33
- offset: 38,
33
+ offset: 16,
34
34
  position: 'bottom-right',
35
35
  showClose: true,
36
36
  })