Kane/vue-learning
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

保存进度！

Browse Source
This commit is contained in:
Kane 2022-12-05 00:23:26 +08:00
parent ca8b49448a
commit 19949865ab
5 changed files with 66 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
入门/cli/hello-cli/public/css/page.css
View File

@ -2,21 +2,17 @@
* @Author: Kane
* @Date: 2022-11-12 23:32:20
* @LastEditors: Kane
* @LastEditTime: 2022-11-29 13:15:19
* @FilePath: \hello-cli\src\assets\css\app.css
* @LastEditTime: 2022-12-05 00:09:46
* @FilePath: \hello-cli\public\css\page.css
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/
@import url("colors.css");
body {
background-color: #f4f5f7;
}
#root,
#app {
padding: 50px;
padding: 0px;
margin: 0px;
}
/* .content {

9
入门/cli/hello-cli/public/index.html
View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-11-22 17:50:49
* @LastEditors: Kane
* @LastEditTime: 2022-11-30 15:08:26
* @LastEditTime: 2022-12-05 00:19:08
* @FilePath: \hello-cli\public\index.html
* @Description:
*
@ -16,9 +16,9 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title><%= htmlWebpackPlugin.options.title %></title>
<link rel="stylesheet" href="<%= BASE_URL %>css/root.css" />
<link rel="stylesheet" href="<%= BASE_URL %>css/normalize.css" />
<link rel="stylesheet" href="<%= BASE_URL %>css/page.css" />
<!-- <link rel="stylesheet" href="<%= BASE_URL %>css/root.css" /> -->
<!-- <link rel="stylesheet" href="<%= BASE_URL %>css/normalize.css" /> -->
<!-- <link rel="stylesheet" href="<%= BASE_URL %>css/page.css" /> -->
</head>
<style>
.v-cloak {
@ -38,4 +38,3 @@
<!-- built files will be auto injected -->
</body>
</html>

39
入门/cli/hello-cli/src/App.vue
View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-11-22 17:50:49
* @LastEditors: Kane
* @LastEditTime: 2022-12-02 16:59:09
* @LastEditTime: 2022-12-05 00:21:20
* @FilePath: \hello-cli\src\App.vue
* @Description:
*
@ -11,7 +11,7 @@
<template>
<div class="content">
<div class="banner">
<h1>学习路由</h1>
<span>标题</span>
</div>
<div class="container">
<div class="nav"></div>
@ -28,12 +28,45 @@ export default {
};
</script>
<style>
<style scoped>
@import url("assets/css/colors.css");
#app {
background-color: #f4f5f7;
}
.content {
background-color: #fff;
height: 100vh;
width: 100vw;
min-width: 1280px;
padding: 0px;
}
.banner {
height: 50px;
padding: 0px;
}
.container {
display: flex;
/* border: 1px solid red; */
height: calc(100% - 50px);
padding: 0px;
}
.nav {
flex: 0 0 200px;
background-color: bisque;
padding: 0px;
}
.view {
flex-grow: 1;
flex-shrink: 1;
overflow-y: auto;
overflow-x: auto;
background-color: antiquewhite;
/* min-width: 800px; */
}
hr {

17
入门/cli/hello-cli/src/assets/css/global.css Normal file
View File

@ -0,0 +1,17 @@
/*
* @Author: Kane
* @Date: 2022-12-05 00:07:49
* @LastEditors: Kane
* @LastEditTime: 2022-12-05 00:16:31
* @FilePath: \hello-cli\src\css\global.css
* @Description:
*
* Copyright (c) ${2022} by Kane, All Rights Reserved.
*/
html,
body,
#app {
padding: 0px;
margin: 0px;
overflow: hidden;
}

6
入门/cli/hello-cli/src/main.js
View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-11-22 17:50:49
* @LastEditors: Kane
* @LastEditTime: 2022-11-29 16:14:35
* @LastEditTime: 2022-12-05 00:19:58
* @FilePath: \hello-cli\src\main.js
* @Description:
*
@ -12,8 +12,12 @@ import { createApp } from 'vue';
import { createStore } from "vuex";
import App from './App.vue';
import ElementPlus from "element-plus";
import "./assets/css/root.css";
import "./assets/css/normalize.css";
import "./assets/css/global.css";
import 'element-plus/dist/index.css';
const app = createApp(App);
const vuex = createStore({
state() {