保存进度!

This commit is contained in:
2022-10-21 01:19:47 +08:00
parent 7439e216b9
commit b7df4c2235
3 changed files with 36 additions and 9 deletions

View File

@@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-10-12 08:49:14
* @LastEditors: Kane
* @LastEditTime: 2022-10-20 16:45:14
* @LastEditTime: 2022-10-21 00:09:08
* @FilePath: \car_dealer\css\kane.css
* @Description: vue学习用的样式表
*
@@ -24,7 +24,7 @@ html {
}
#root,
#app *+* {
#app * + * {
margin-top: 15px;
text-align: center;
}
@@ -60,6 +60,10 @@ button {
text-align: center;
}
button:hover {
cursor: pointer;
}
/* 用于按钮点击时样式切换。 */
button:active {
background-color: var(--btn-font-color);
@@ -76,4 +80,4 @@ label {
display: inline-block;
font-size: 2rem;
margin-top: 15px;
}
}

View File

@@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-10-20 15:07:59
* @LastEditors: Kane
* @LastEditTime: 2022-10-20 16:45:40
* @LastEditTime: 2022-10-21 00:07:49
* @FilePath: \car_dealer\vue\vue_01.html
* @Description:
*
@@ -16,9 +16,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>vue3入门</title>
<link rel="stylesheet" href="../css/root.css" .css" />
<link rel="stylesheet" href="../css/root.css" />
<link rel="stylesheet" href="../css/normalize.css" />
<link rel="stylesheet" href="../css/kane.css" .css" />
<link rel="stylesheet" href="../css/kane.css" />
<script src="../js/vue/vue.global.js"></script>
</head>
@@ -27,8 +27,8 @@
<div class="content">
<h1>{{title}}</h1>
<h1>{{count}}</h1>
<button v-on:click="addCount()">计数器</button>
<button v-on:click="switchButton()">{{btn_title}}</button>
<button type="button" v-on:click="addCount()">计数器</button>
<button type="button" v-on:click="switchButton()">{{btn_title}}</button>
</div>
</div>
</body>
@@ -50,7 +50,7 @@
this.btn_switch = !this.btn_switch;
this.btn_title = this.btn_switch ? "走你!" : "滚";
}
},
},
};