File tree 4 files changed +11
-10
lines changed
4 files changed +11
-10
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
- <div class =" topnav " >
2
+ <div class =" topNav " >
3
3
<div class =" logo" >LOGO</div >
4
4
<ul class =" menu" >
5
5
<li >菜单1</li >
@@ -21,8 +21,8 @@ export default {
21
21
};
22
22
</script >
23
23
<style lang="scss" scoped>
24
- .topnav {
25
- background : pink ;
24
+ .topNav {
25
+ // background: pink;
26
26
display : flex ;
27
27
padding : 16px ;
28
28
position : fixed ;
Original file line number Diff line number Diff line change 1
1
<template >
2
- <button class =" zhiwei -switch" @click =" toggle" :class =" {'zhiwei -checked':value}" ><span ></span ></button >
2
+ <button class =" zw -switch" @click =" toggle" :class =" {'zw -checked':value}" ><span ></span ></button >
3
3
</template >
4
4
<script lang="ts">
5
5
export default {
@@ -19,7 +19,7 @@ export default {
19
19
<style lang="scss">
20
20
$h : 22px ;
21
21
$h2 : $h - 4px ;
22
- .zhiwei -switch {
22
+ .zw -switch {
23
23
height : $h ;
24
24
width : $h * 2 ;
25
25
border : none ;
@@ -38,7 +38,7 @@ $h2: $h - 4px;
38
38
transition : all 250ms ;
39
39
}
40
40
41
- & .zhiwei -checked {
41
+ & .zw -checked {
42
42
background : #1890ff ;
43
43
44
44
> span {
@@ -56,7 +56,7 @@ $h2: $h - 4px;
56
56
}
57
57
}
58
58
59
- & .zhiwei -checked :active {
59
+ & .zw -checked :active {
60
60
> span {
61
61
width : $h2 + 4px ;
62
62
margin-left : -4px ;
Original file line number Diff line number Diff line change @@ -61,11 +61,12 @@ export default {
61
61
> main {
62
62
flex-grow : 1 ;
63
63
padding : 16px ;
64
- background : lightgreen ;
64
+ border : 1px solid pink ;
65
+ // background: lightgreen;
65
66
}
66
67
}
67
68
aside {
68
- background : lightblue ;
69
+ // background: lightblue;
69
70
width : 150px ;
70
71
padding : 16px ;
71
72
position : fixed ;
Original file line number Diff line number Diff line change @@ -24,7 +24,7 @@ export default {
24
24
justify-content : center ;
25
25
align-items : center ;
26
26
flex-direction : column ;
27
- background : lightgreen ;
27
+ // background: lightgreen;
28
28
> .actions {
29
29
padding : 8px 0 ;
30
30
a {
You can’t perform that action at this time.
0 commit comments