diff --git a/vue/vue.zip b/vue/vue.zip new file mode 100644 index 0000000000000000000000000000000000000000..3d86cc7e91e5d804a62221fa0e6316f962c535f9 Binary files /dev/null and b/vue/vue.zip differ diff --git "a/vue/\344\275\234\344\270\2321st/demo.css" "b/vue/\344\275\234\344\270\2321st/demo.css" new file mode 100644 index 0000000000000000000000000000000000000000..d999ed69c6c51821ca4975acf7f6295100c43fc2 --- /dev/null +++ "b/vue/\344\275\234\344\270\2321st/demo.css" @@ -0,0 +1,23 @@ +.main { + display: table; + border-spacing: 30px; +} + +.shop { + width: 200px; + height: 300px; + background-color: #DCDCDC; + display: table-cell; +} +.button{ + margin-top: 1px +} +.shopName{ + font-size: 20px +} +.shopMoney{ + color: #802727 +} +.main2{ + display: table; border-spacing: 30px +} \ No newline at end of file diff --git "a/vue/\344\275\234\344\270\2321st/demo.html" "b/vue/\344\275\234\344\270\2321st/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..f01fd6a5147e20963209ca00562866ccb56bfe6e --- /dev/null +++ "b/vue/\344\275\234\344\270\2321st/demo.html" @@ -0,0 +1,252 @@ + + + + + + + + + 模板语法 + + + +
+ +
+

商品购买页

+ +
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ + +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ + +
+ +
+
+ +
+ +
+ +
+ +
+ +
+
+
+ +
+ +
+ +
+ + + + + \ No newline at end of file diff --git "a/vue/\344\275\234\344\270\2321st/zelda.webp" "b/vue/\344\275\234\344\270\2321st/zelda.webp" new file mode 100644 index 0000000000000000000000000000000000000000..f63cd60880f76521bc60c20c2aee9495e26b0134 Binary files /dev/null and "b/vue/\344\275\234\344\270\2321st/zelda.webp" differ diff --git "a/vue/\344\275\234\344\270\2322nd/demo2.css" "b/vue/\344\275\234\344\270\2322nd/demo2.css" new file mode 100644 index 0000000000000000000000000000000000000000..9212ca88dccbee4d6b21ac2ffa0594ce5b692f84 --- /dev/null +++ "b/vue/\344\275\234\344\270\2322nd/demo2.css" @@ -0,0 +1,35 @@ + + *{ + padding: 0; + margin: 0; + } + #gamecard { + width: 100vw; + height: 100vh; + display: flex; + flex-wrap: wrap; + } + h1{ + width: 100vw; + height: 60px; + line-height: 60px; + text-align: center; + margin-top: 2vw; + } + #lists{ + display: flex; + flex-direction: column; + margin: 2vw; + font-size: 26px; + } + #box{ + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + margin-top: 2vw; + } + #box lists{ + width: 33.3vw; + height: auto; + } diff --git "a/vue/\344\275\234\344\270\2322nd/demo2.html" "b/vue/\344\275\234\344\270\2322nd/demo2.html" new file mode 100644 index 0000000000000000000000000000000000000000..7da57c6d956dcc8d874eeb38aa15e43cbad46d17 --- /dev/null +++ "b/vue/\344\275\234\344\270\2322nd/demo2.html" @@ -0,0 +1,73 @@ + + + + + + + + + 模板语法 + + + + +
+

商品列表

+
+
+
+

{{ games.name}}

+ +

价格：{{games.money}}

+ +

剩余数量：{{100-games.buy}}

+
+
+

库存为0

+
+ +
+
+
+ + + + + \ No newline at end of file diff --git "a/vue/\344\275\234\344\270\2322nd/zelda.webp" "b/vue/\344\275\234\344\270\2322nd/zelda.webp" new file mode 100644 index 0000000000000000000000000000000000000000..f63cd60880f76521bc60c20c2aee9495e26b0134 Binary files /dev/null and "b/vue/\344\275\234\344\270\2322nd/zelda.webp" differ diff --git "a/vue/\344\275\234\344\270\2323rd/demo.html" "b/vue/\344\275\234\344\270\2323rd/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..5f1ae3b828536c356f439f9e3ea943b917cb74e5 --- /dev/null +++ "b/vue/\344\275\234\344\270\2323rd/demo.html" @@ -0,0 +1,140 @@ + + + + + + + + + + + goodslist + + + + +

商品列表

+
+
+
+ +

{{item.title}}

库存: {{item.goodsNum}} +
选购数量:
+ {{item.price}} +
+
+

没了

+
+
+ + + + \ No newline at end of file diff --git "a/vue/\344\275\234\344\270\2323rd/zelda.webp" "b/vue/\344\275\234\344\270\2323rd/zelda.webp" new file mode 100644 index 0000000000000000000000000000000000000000..f63cd60880f76521bc60c20c2aee9495e26b0134 Binary files /dev/null and "b/vue/\344\275\234\344\270\2323rd/zelda.webp" differ diff --git "a/vue/\344\275\234\344\270\2324th/demo.css" "b/vue/\344\275\234\344\270\2324th/demo.css" new file mode 100644 index 0000000000000000000000000000000000000000..a5fe0cef24d57e5e008ad41e1eb267d76861da16 --- /dev/null +++ "b/vue/\344\275\234\344\270\2324th/demo.css" @@ -0,0 +1,11 @@ + + *{ + padding: 0; + margin: 0; + } + #lists{ + background-color:red ; + margin-bottom: 50px; + width: 500px; + } + diff --git "a/vue/\344\275\234\344\270\2324th/demo.html" "b/vue/\344\275\234\344\270\2324th/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..98b4f53b86c83967c3baa98bdc807661f32817f7 --- /dev/null +++ "b/vue/\344\275\234\344\270\2324th/demo.html" @@ -0,0 +1,111 @@ + + + + + + + + + 模板语法 + + + + +
+

商品列表

+
+
+
+

{{ item.name}}

+ +

价格：{{item.money}}

+ +

剩余数量：{{item.numGame-item.buy}}

+ +
+ + +
+
+
+ + + + + \ No newline at end of file diff --git "a/vue/\344\275\234\344\270\2324th/zelda.webp" "b/vue/\344\275\234\344\270\2324th/zelda.webp" new file mode 100644 index 0000000000000000000000000000000000000000..f63cd60880f76521bc60c20c2aee9495e26b0134 Binary files /dev/null and "b/vue/\344\275\234\344\270\2324th/zelda.webp" differ diff --git "a/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css" "b/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css" new file mode 100644 index 0000000000000000000000000000000000000000..9f3b39f09e9369287c5c8bacc5a51ac7f8c8fed7 --- /dev/null +++ "b/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.css" @@ -0,0 +1,36 @@ +*{ + padding: 0; + margin: 0; +} +body{ + background-image: url(./e2a34a03958372440cb471aa7021b22c9ec6e800.jpg); + background-repeat: no-repeat; + background-size:100% 100%; + background-attachment:fixed +} + +#main{ + text-align: center; + background-color: yellowgreen; + border-radius: 20px; + width: 600px; + height: 200px; + margin: auto; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + +} +#main div{ + display: flex; + height: 50px; + justify-content: center; + align-items: center; + +} +span{ + font-size: 10px; +} diff --git "a/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html" "b/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html" new file mode 100644 index 0000000000000000000000000000000000000000..7811173408462f5d2cf000ac8385dc74297860bb --- /dev/null +++ "b/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/demo.html" @@ -0,0 +1,68 @@ + + + + + + + + + 自定义指令 + + + + + +
+
+ +
用户名：
+ {{usernameErr}} +
密   码：
+ {{pwErr}} +
+ +
+
+ + + + + \ No newline at end of file diff --git "a/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg" "b/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg" new file mode 100644 index 0000000000000000000000000000000000000000..e680a73c0b559932f8104afb6341a91d9969d3fe Binary files /dev/null and "b/vue/\344\275\234\344\270\2326th\350\207\252\345\256\232\344\271\211\346\214\207\344\273\244/e2a34a03958372440cb471aa7021b22c9ec6e800.jpg" differ