Skip to content

Commit 0ead3cd

Browse files
coderjamcoderjam
committed
文件更名
1 parent e0366f4 commit 0ead3cd

File tree

5 files changed

+31
-31
lines changed

5 files changed

+31
-31
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
# zhiwei-ui-vue3
1+
# zw-ui-vue3
22
vue3组件库

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "zhiwei-ui-vue3",
2+
"name": "zw-ui-vue3",
33
"version": "0.0.0",
44
"scripts": {
55
"dev": "vite",

‎src/lib/Button.vue

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
2-
<button class="zhiwei-button" :class="classes">
3-
<span v-if="loading" class="zhiwei-loadingIndicator"></span>
2+
<button class="zw-button" :class="classes">
3+
<span v-if="loading" class="zw-loadingIndicator"></span>
44
<slot />
55
</button>
66
</template>
@@ -33,9 +33,9 @@ export default {
3333
const { theme, size, level } = props;
3434
const classes = computed(() => {
3535
return {
36-
[`zhiwei-theme-${theme}`]: theme,
37-
[`zhiwei-size-${size}`]: size,
38-
[`zhiwei-level-${level}`]: level
36+
[`zw-theme-${theme}`]: theme,
37+
[`zw-size-${size}`]: size,
38+
[`zw-level-${level}`]: level
3939
};
4040
});
4141
return { classes };
@@ -50,7 +50,7 @@ $blue: #40a9ff;
5050
$radius: 4px;
5151
$red: red;
5252
$grey: grey;
53-
.zhiwei-button {
53+
.zw-button {
5454
box-sizing: border-box;
5555
height: $h;
5656
padding: 0 12px;
@@ -79,7 +79,7 @@ $grey: grey;
7979
&::-moz-focus-inner {
8080
border: 0;
8181
}
82-
&.zhiwei-theme-link {
82+
&.zw-theme-link {
8383
border-color: transparent;
8484
box-shadow: none;
8585
color: $blue;
@@ -88,7 +88,7 @@ $grey: grey;
8888
color: lighten($blue, 10%);
8989
}
9090
}
91-
&.zhiwei-theme-text {
91+
&.zw-theme-text {
9292
border-color: transparent;
9393
box-shadow: none;
9494
color: inherit;
@@ -98,18 +98,18 @@ $grey: grey;
9898
background: darken(white, 5%);
9999
}
100100
}
101-
&.zhiwei-size-big {
101+
&.zw-size-big {
102102
font-size: 24px;
103103
height: 48px;
104104
padding: 0 16px;
105105
}
106-
&.zhiwei-size-small {
106+
&.zw-size-small {
107107
font-size: 12px;
108108
height: 20px;
109109
padding: 0 4px;
110110
}
111-
&.zhiwei-theme-button {
112-
&.zhiwei-level-main {
111+
&.zw-theme-button {
112+
&.zw-level-main {
113113
background: $blue;
114114
color: white;
115115
border-color: $blue;
@@ -119,7 +119,7 @@ $grey: grey;
119119
border-color: darken($blue, 10%);
120120
}
121121
}
122-
&.zhiwei-level-danger {
122+
&.zw-level-danger {
123123
background: $red;
124124
border-color: $red;
125125
color: white;
@@ -130,32 +130,32 @@ $grey: grey;
130130
}
131131
}
132132
}
133-
&.zhiwei-theme-link {
134-
&.zhiwei-level-danger {
133+
&.zw-theme-link {
134+
&.zw-level-danger {
135135
color: $red;
136136
&:hover,
137137
&:focus {
138138
color: darken($red, 10%);
139139
}
140140
}
141141
}
142-
&.zhiwei-theme-text {
143-
&.zhiwei-level-main {
142+
&.zw-theme-text {
143+
&.zw-level-main {
144144
color: $blue;
145145
&:hover,
146146
&:focus {
147147
color: darken($blue, 10%);
148148
}
149149
}
150-
&.zhiwei-level-danger {
150+
&.zw-level-danger {
151151
color: $red;
152152
&:hover,
153153
&:focus {
154154
color: darken($red, 10%);
155155
}
156156
}
157157
}
158-
&.zhiwei-theme-button {
158+
&.zw-theme-button {
159159
&[disabled] {
160160
cursor: not-allowed;
161161
color: $grey;
@@ -164,13 +164,13 @@ $grey: grey;
164164
}
165165
}
166166
}
167-
&.zhiwei-theme-link, &.zhiwei-theme-text {
167+
&.zw-theme-link, &.zw-theme-text {
168168
&[disabled] {
169169
cursor: not-allowed;
170170
color: $grey;
171171
}
172172
}
173-
> .zhiwei-loadingIndicator{
173+
> .zw-loadingIndicator{
174174
width: 14px;
175175
height: 14px;
176176
display: inline-block;
@@ -179,10 +179,10 @@ $grey: grey;
179179
border-color: $blue $blue $blue transparent;
180180
border-style: solid;
181181
border-width: 2px;
182-
animation: zhiwei-spin 1s infinite linear;
182+
animation: zw-spin 1s infinite linear;
183183
}
184184
}
185-
@keyframes zhiwei-spin {
185+
@keyframes zw-spin {
186186
0%{transform: rotate(0deg)}
187187
100%{transform: rotate(360deg)}
188188
}

‎src/lib/Dialog.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22
<template v-if="visible">
33
<!-- Teleport，挂载到body下,防止Dialog被遮挡 -->
44
<Teleport to="body">
5-
<div class="zhiwei-dialog-overlay" @click="onClickOverlay"></div>
6-
<div class="zhiwei-dialog-wrapper">
7-
<div class="zhiwei-dialog">
5+
<div class="zw-dialog-overlay" @click="onClickOverlay"></div>
6+
<div class="zw-dialog-wrapper">
7+
<div class="zw-dialog">
88
<header>
99
<!-- 具名插槽，使用：v-slot:title -->
1010
<slot name="title" />
11-
<span @click="close" class="zhiwei-dialog-close"></span>
11+
<span @click="close" class="zw-dialog-close"></span>
1212
</header>
1313
<main>
1414
<slot name="content" />
@@ -76,7 +76,7 @@ export default {
7676
<style lang="scss">
7777
$radius: 4px;
7878
$border-color: #d9d9d9;
79-
.zhiwei-dialog {
79+
.zw-dialog {
8080
background: white;
8181
border-radius: $radius;
8282
box-shadow: 0 0 3px fade_out(black, 0.5);

‎src/lib/zhiwei.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
[class^="zhiwei-"], [class*=" zhiwei-"] {
1+
[class^="zw-"], [class*=" zw-"] {
22
margin: 0;
33
padding: 0;
44
box-sizing: border-box;

0 commit comments

Comments
 (0)