保存进度!

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

View File

@ -0,0 +1,23 @@
<%-- /*
* @Author: Kane
* @Date: 2022-10-21 00:14:43
* @LastEditors: Kane
* @LastEditTime: 2022-10-21 00:16:48
* @FilePath: \car_dealer\src\main\webapp\test.jsp
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/ --%>
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>

View File

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

View File

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