verce-vue-test 0.0.15 → 0.0.16

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/WebsiteNoticeTitle.vue +16 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "verce-vue-test",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "scripts": {
package/src/components/WebsiteNoticeTitle.vue CHANGED
@@ -33,7 +33,7 @@ const visible = ref(true)
33
33
  aria-label="网站公告"
34
34
  >
35
35
  <div class="notice-heading">
36
- <el-icon :size="32" class="notice-icon" aria-hidden="true">
36
+ <el-icon :size="26" class="notice-icon" aria-hidden="true">
37
37
  <Notification />
38
38
  </el-icon>
39
39
  <strong class="notice-title">{{ title }}</strong>
@@ -45,22 +45,22 @@ const visible = ref(true)
45
45
 
46
46
  <button class="notice-more" type="button">
47
47
  <span>{{ moreText }}</span>
48
- <el-icon :size="18" aria-hidden="true"><ArrowRight /></el-icon>
48
+ <el-icon :size="16" aria-hidden="true"><ArrowRight /></el-icon>
49
49
  </button>
50
50
 
51
51
  <button class="notice-close" type="button" aria-label="关闭公告" @click="visible = false">
52
- <el-icon :size="22"><Close /></el-icon>
52
+ <el-icon :size="18"><Close /></el-icon>
53
53
  </button>
54
54
  </section>
55
55
  </template>
56
56
 
57
57
  <style scoped>
58
58
  .website-notice {
59
- min-height: 78px;
59
+ min-height: 50px;
60
60
  display: flex;
61
61
  align-items: center;
62
- gap: 28px;
63
- padding: 0 28px 0 34px;
62
+ gap: 22px;
63
+ padding: 0 22px 0 28px;
64
64
  border: 1px solid;
65
65
  border-radius: 7px;
66
66
  box-shadow: 0 10px 28px rgba(68, 126, 224, .10);
@@ -70,7 +70,7 @@ const visible = ref(true)
70
70
  flex: 0 0 auto;
71
71
  display: inline-flex;
72
72
  align-items: center;
73
- gap: 14px;
73
+ gap: 12px;
74
74
  color: #1267e8;
75
75
  }
76
76
 
@@ -79,7 +79,7 @@ const visible = ref(true)
79
79
  }
80
80
 
81
81
  .notice-title {
82
- font-size: 24px;
82
+ font-size: 18px;
83
83
  font-weight: 800;
84
84
  line-height: 1;
85
85
  white-space: nowrap;
@@ -87,7 +87,7 @@ const visible = ref(true)
87
87
 
88
88
  .notice-divider {
89
89
  width: 1px;
90
- height: 28px;
90
+ height: 22px;
91
91
  flex: 0 0 auto;
92
92
  background: #b7c3d6;
93
93
  }
@@ -98,7 +98,7 @@ const visible = ref(true)
98
98
  margin: 0;
99
99
  overflow: hidden;
100
100
  color: #111827;
101
- font-size: 20px;
101
+ font-size: 16px;
102
102
  line-height: 1.45;
103
103
  text-overflow: ellipsis;
104
104
  white-space: nowrap;
@@ -119,14 +119,14 @@ const visible = ref(true)
119
119
  gap: 6px;
120
120
  padding: 0;
121
121
  color: #1267e8;
122
- font-size: 18px;
122
+ font-size: 15px;
123
123
  font-weight: 700;
124
124
  white-space: nowrap;
125
125
  }
126
126
 
127
127
  .notice-close {
128
- width: 32px;
129
- height: 32px;
128
+ width: 26px;
129
+ height: 26px;
130
130
  color: #9aa4b2;
131
131
  }
132
132
 
@@ -140,7 +140,7 @@ const visible = ref(true)
140
140
  min-height: auto;
141
141
  align-items: flex-start;
142
142
  gap: 14px;
143
- padding: 18px 18px;
143
+ padding: 14px 16px;
144
144
  }
145
145
 
146
146
  .notice-message {
@@ -165,11 +165,11 @@ const visible = ref(true)
165
165
  }
166
166
 
167
167
  .notice-title {
168
- font-size: 21px;
168
+ font-size: 18px;
169
169
  }
170
170
 
171
171
  .notice-message {
172
- font-size: 16px;
172
+ font-size: 14px;
173
173
  }
174
174
 
175
175
  .notice-more {