1 жил өмнө · b3a2d87d87
--- a/scss/index.css
+++ b/scss/index.css
@@ -0,0 +1,45 @@
 
				+@charset "UTF-8";
			
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+  text-decoration: none;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+.box {
			
 
				+  color: #f00;
			
 
				+}
			
 
				+
			
 
				+.box {
			
 
				+  width: 800px;
			
 
				+  height: 800px;
			
 
				+  border: 1px solid #000;
			
 
				+  background-color: #ff0;
			
 
				+  font-size: 50px;
			
 
				+  font-size: 20px;
			
 
				+}
			
 
				+
			
 
				+.box h1 {
			
 
				+  font-size: 20px;
			
 
				+  color: red;
			
 
				+}
			
 
				+
			
 
				+.box .main {
			
 
				+  border: 1px solid #f00;
			
 
				+  color: purple;
			
 
				+  width: 200px;
			
 
				+  height: 100px;
			
 
				+  display: flex;
			
 
				+  justify-content: center;
			
 
				+  align-items: center;
			
 
				+  color: #00f;
			
 
				+}
			
 
				+
			
 
				+.box .main:hover {
			
 
				+  color: #f00;
			
 
				+}
			
 
				+
			
 
				+/*
			
 
				+    哈哈哈哈
			
 
				+*/
			
--- a/scss/index.html
+++ b/scss/index.html
@@ -0,0 +1,17 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <link rel="stylesheet" href="./index.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div class="box">哈哈
			
 
				+        <h1>标题</h1>
			
 
				+        <div class="main">
			
 
				+            哇哦
			
 
				+        </div>
			
 
				+    </div>
			
 
				+</body>
			
 
				+</html>
			
--- a/scss/index.min.css
+++ b/scss/index.min.css
@@ -0,0 +1 @@
 
				+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box{color:red}.box{width:800px;height:800px;border:1px solid #000;background-color:#ff0;font-size:50px;font-size:20px}.box h1{font-size:20px;color:red}.box .main{border:1px solid #f00;color:purple;width:200px;height:100px;display:flex;justify-content:center;align-items:center;color:#00f}.box .main:hover{color:#f00}
			
--- a/scss/index.scss
+++ b/scss/index.scss
@@ -0,0 +1,43 @@
 
				+// @import url(reset.css);
			
 
				+@import './reset.scss';
			
 
				+$aa:#ff0;
			
 
				+$box:50px !default;
			
 
				+$box1:20px !global;
			
 
				+
			
 
				+@mixin vase {
			
 
				+    border: 1px solid #f00;
			
 
				+    color: purple;
			
 
				+    width: 200px;
			
 
				+    height: 100px;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    align-items: center;
			
 
				+}
			
 
				+.box {
			
 
				+    width: 800px;
			
 
				+    height: 800px;
			
 
				+    border: 1px solid #000;
			
 
				+    background-color: $aa;
			
 
				+    font-size: $box;
			
 
				+    font-size: $box1;
			
 
				+    h1 {
			
 
				+        font-size: $box1;
			
 
				+        color: red;
			
 
				+    }
			
 
				+    .main {
			
 
				+        @include vase;
			
 
				+        color: #00f;
			
 
				+        &:hover {
			
 
				+            color: #f00;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
 
				+// .main::after {
			
 
				+//     content: '放假了';
			
 
				+//     color: #f00;
			
 
				+// }
			
 
				+
			
 
				+// 今天天气真好
			
 
				+/*
			
 
				+    哈哈哈哈
			
 
				+*/
			
--- a/scss/reset.css
+++ b/scss/reset.css
@@ -0,0 +1,12 @@
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+  text-decoration: none;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+.box {
			
 
				+  color: #f00;
			
 
				+  background-color: #f00;
			
 
				+}
			
--- a/scss/reset.min.css
+++ b/scss/reset.min.css
@@ -0,0 +1 @@
 
				+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box{color:red;background-color:red}
			
--- a/scss/reset.scss
+++ b/scss/reset.scss
@@ -0,0 +1,12 @@
 
				+* {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    list-style: none;
			
 
				+    text-decoration: none;
			
 
				+    box-sizing: border-box;
			
 
				+}
			
 
				+$ha:#f00;
			
 
				+.box {
			
 
				+    color: $ha;
			
 
				+    background-color: $ha;
			
 
				+}
			
--- a/vue2.0/vue高阶/安装步骤.md
+++ b/vue2.0/vue高阶/安装步骤.md
@@ -5,7 +5,8 @@
 
				 [网址](https://cli.vuejs.org/zh/#%E8%B5%B7%E6%AD%A5)
			
 
				 
			
 
				 ## 3.vue create 项目名称
			
 
				-
			
 
				+ + cd project
			
 
				+ + npm run serve
			
 
				 ## 4.npm run serve
			
 
				 
			
 
				 ## npm 与 cnpm 切换
		`@@ -0,0 +1 @@`
		`+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box{color:red;background-color:red}`