From 4f5cd873b22e7d5a5dc0f4974b304dbcdb716afe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=A2=85=E6=A0=AA?= <1914144891@qq.com>
Date: Sat, 8 Apr 2023 03:17:23 +0000
Subject: [PATCH 1/4] =?UTF-8?q?=E6=9E=97=E6=A2=85=E6=A0=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 林梅株 <1914144891@qq.com>
---
 work1.html | 79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 79 insertions(+)
 create mode 100644 work1.html
diff --git a/work1.html b/work1.html
new file mode 100644
index 0000000..d4ec0a5
--- /dev/null
+++ b/work1.html
@@ -0,0 +1,79 @@
+<!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">
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <title>田径商城</title>
+</head>
+    <!-- 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据    -->
+<style>
+    *{
+        margin: 0;
+        padding: 0;
+    }
+    .goods{
+        width: 900px;
+        height: 400px;
+        /* background-color: cadetblue; */
+        margin:auto
+    }
+    .box{
+        width: 900px;
+        height: 300px;
+        /* background-color: blue; */
+        margin-top: 7px;
+        display: flex;
+        justify-content: space-around;
+    }
+    .list{
+        margin-top: 25px;
+    }
+
+</style>
+<body>
+    <div class="goods">
+        <h1><center>田径商城</center></h1>
+        <!-- 定义一个大盒子box用来装循环的div商品 -->
+        <div class="box">
+            <!-- 商品列表 -->
+            <!-- v-for表示循环 -->
+            <div v-for="sz in goods" class="list">
+                <img :src="sz.img" alt="" style="width: 200px;height: 200px;">
+                <p>名称：{{sz.name}}</p>
+                <p>价格：{{sz.price}}</p>
+            </div>
+        </div>
+    </div>
+</body>
+<script>
+    var app=Vue.createApp({
+        data(){
+            return {
+                goods:[
+                      {
+                        img:'https://img11.360buyimg.com/n1/jfs/t1/154202/35/19400/192552/60371d25E42e69874/8e85584484f36fb1.jpg',
+                        name:'Nike s10',
+                        
+                        price:'￥988'
+                    },
+                    {
+                        img:'https://img.alicdn.com/bao/uploaded/i2/2607871675/O1CN01l1tKCA1OFC4iknWJr_!!0-item_pic.jpg',
+                        name:'Nike zoom fly3',
+                      
+                        price:'￥988'
+                    },
+                    {
+                        img:'https://img12.360buyimg.com/n1/jfs/t1/104145/19/5312/321038/5deca85cE0e6dce4e/99d4fea23eafcfce.png',
+                        name:'Nike s9',
+                       
+                        price:'￥988'
+                    }
+                ]
+
+            }
+        }
+    }).mount('.goods')
+</script>
+</html>
\ No newline at end of file
-- 
Gitee


From 83ff9b6cc513b792a7fe761893a3c221fcc13703 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=A2=85=E6=A0=AA?= <1914144891@qq.com>
Date: Sat, 8 Apr 2023 03:25:55 +0000
Subject: [PATCH 2/4] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20=E6=9E=97=E6=A2=85?=
 =?UTF-8?q?=E6=A0=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 "\346\236\227\346\242\205\346\240\252/.keep" | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 "\346\236\227\346\242\205\346\240\252/.keep"

diff --git "a/\346\236\227\346\242\205\346\240\252/.keep" "b/\346\236\227\346\242\205\346\240\252/.keep"
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From 1b5a6d679d56a0266c7c363b84e80b4a2b5e94ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=A2=85=E6=A0=AA?= <1914144891@qq.com>
Date: Sat, 8 Apr 2023 03:26:44 +0000
Subject: [PATCH 3/4] =?UTF-8?q?=E6=9E=97=E6=A2=85=E6=A0=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 林梅株 <1914144891@qq.com>
---
 .../work1.html"                               | 79 +++++++++++++++
 .../work2.html"                               | 96 +++++++++++++++++++
 2 files changed, 175 insertions(+)
 create mode 100644 "\346\236\227\346\242\205\346\240\252/work1.html"
 create mode 100644 "\346\236\227\346\242\205\346\240\252/work2.html"

diff --git "a/\346\236\227\346\242\205\346\240\252/work1.html" "b/\346\236\227\346\242\205\346\240\252/work1.html"
new file mode 100644
index 0000000..d4ec0a5
--- /dev/null
+++ "b/\346\236\227\346\242\205\346\240\252/work1.html"
@@ -0,0 +1,79 @@
+<!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">
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <title>田径商城</title>
+</head>
+    <!-- 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据    -->
+<style>
+    *{
+        margin: 0;
+        padding: 0;
+    }
+    .goods{
+        width: 900px;
+        height: 400px;
+        /* background-color: cadetblue; */
+        margin:auto
+    }
+    .box{
+        width: 900px;
+        height: 300px;
+        /* background-color: blue; */
+        margin-top: 7px;
+        display: flex;
+        justify-content: space-around;
+    }
+    .list{
+        margin-top: 25px;
+    }
+
+</style>
+<body>
+    <div class="goods">
+        <h1><center>田径商城</center></h1>
+        <!-- 定义一个大盒子box用来装循环的div商品 -->
+        <div class="box">
+            <!-- 商品列表 -->
+            <!-- v-for表示循环 -->
+            <div v-for="sz in goods" class="list">
+                <img :src="sz.img" alt="" style="width: 200px;height: 200px;">
+                <p>名称：{{sz.name}}</p>
+                <p>价格：{{sz.price}}</p>
+            </div>
+        </div>
+    </div>
+</body>
+<script>
+    var app=Vue.createApp({
+        data(){
+            return {
+                goods:[
+                      {
+                        img:'https://img11.360buyimg.com/n1/jfs/t1/154202/35/19400/192552/60371d25E42e69874/8e85584484f36fb1.jpg',
+                        name:'Nike s10',
+                        
+                        price:'￥988'
+                    },
+                    {
+                        img:'https://img.alicdn.com/bao/uploaded/i2/2607871675/O1CN01l1tKCA1OFC4iknWJr_!!0-item_pic.jpg',
+                        name:'Nike zoom fly3',
+                      
+                        price:'￥988'
+                    },
+                    {
+                        img:'https://img12.360buyimg.com/n1/jfs/t1/104145/19/5312/321038/5deca85cE0e6dce4e/99d4fea23eafcfce.png',
+                        name:'Nike s9',
+                       
+                        price:'￥988'
+                    }
+                ]
+
+            }
+        }
+    }).mount('.goods')
+</script>
+</html>
\ No newline at end of file
diff --git "a/\346\236\227\346\242\205\346\240\252/work2.html" "b/\346\236\227\346\242\205\346\240\252/work2.html"
new file mode 100644
index 0000000..fa0bc34
--- /dev/null
+++ "b/\346\236\227\346\242\205\346\240\252/work2.html"
@@ -0,0 +1,96 @@
+<!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">
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <title>田径商城</title>
+</head>
+    <!-- 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据    -->
+    <!-- #### 作业：在原有作业基础上,使用list遍历商品,每个商品初始为100个商品数量，给个input输入，输入1 对应的商品数据要 -1，如果剩余数量为0，不展示 -->
+<style>
+    *{
+        margin: 0;
+        padding: 0;
+    }
+    .goods{
+        width: 900px;
+        height: 600px;
+        /* background-color: cadetblue; */
+        margin:auto
+    }
+    .box{
+        width: 900px;
+        height: 500px;
+        /* background-color: blue; */
+        margin-top: 7px;
+        display: flex;
+        justify-content: space-around;
+    }
+    .list{
+        margin-top: 25px;
+    }
+
+</style>
+<body>
+    <div class="goods">
+        <h1><center>田径商城</center></h1>
+        <!-- 定义一个大盒子box用来装循环的div商品 -->
+        <div class="box">
+            <!-- 商品列表 -->
+            <!-- v-for表示循环 -->
+            <div v-for="sz in goods" class="list">
+                <!-- 如果sz.kc不等于100就显示商品，否则就不显示商品，因为当sz.kc=100时，库存就=0 -->
+                <div v-if="sz.kc!=100">
+                    <img :src="sz.img" alt="" style="width: 200px;height: 200px;">
+                    <p>名称：{{sz.name}}</p>
+                    <p>颜色：{{sz.color}}</p>
+                 
+                    <p>价格：{{sz.price}}</p>
+                    <p>库存：{{100-sz.kc}}</p> <input type="text" v-model="sz.kc">
+                </div>
+                <!-- 否则就显示商品已售罄 -->
+                <div v-else>
+                    <h2>{{sz.name}} {{sz.color}} 已售罄</h2>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script>
+    var app=Vue.createApp({
+        data(){
+            return {
+                goods:[
+                      {
+                        img:'https://img11.360buyimg.com/n1/jfs/t1/154202/35/19400/192552/60371d25E42e69874/8e85584484f36fb1.jpg',
+                        name:'Nike s10',
+                        color:'天蓝',
+                      
+                        price:'￥999',
+                        kc:'0'
+                    },
+                    {
+                        img:'https://img.alicdn.com/bao/uploaded/i2/2607871675/O1CN01l1tKCA1OFC4iknWJr_!!0-item_pic.jpg',
+                        name:'Nike zoom fly3',
+                        color:'冷月白',
+                 
+                        price:'￥899',
+                        kc:'0'
+                    },
+                    {
+                        img:'https://img12.360buyimg.com/n1/jfs/t1/104145/19/5312/321038/5deca85cE0e6dce4e/99d4fea23eafcfce.png',
+                        name:'Nike ',
+                        color:'酷黑',
+               
+                        price:'￥999',
+                        kc:'0'
+                    }
+                ]
+
+            }
+        }
+    }).mount('.goods')
+</script>
+</html>
\ No newline at end of file
-- 
Gitee


From 3b4793fc3a604b44f7d621cd6c43282326150d85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E6=A2=85=E6=A0=AA?= <1914144891@qq.com>
Date: Sat, 8 Apr 2023 03:27:40 +0000
Subject: [PATCH 4/4] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20work?=
 =?UTF-8?q?1.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 work1.html | 79 ------------------------------------------------------
 1 file changed, 79 deletions(-)
 delete mode 100644 work1.html

diff --git a/work1.html b/work1.html
deleted file mode 100644
index d4ec0a5..0000000
--- a/work1.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!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">
-    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-    <title>田径商城</title>
-</head>
-    <!-- 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据    -->
-<style>
-    *{
-        margin: 0;
-        padding: 0;
-    }
-    .goods{
-        width: 900px;
-        height: 400px;
-        /* background-color: cadetblue; */
-        margin:auto
-    }
-    .box{
-        width: 900px;
-        height: 300px;
-        /* background-color: blue; */
-        margin-top: 7px;
-        display: flex;
-        justify-content: space-around;
-    }
-    .list{
-        margin-top: 25px;
-    }
-
-</style>
-<body>
-    <div class="goods">
-        <h1><center>田径商城</center></h1>
-        <!-- 定义一个大盒子box用来装循环的div商品 -->
-        <div class="box">
-            <!-- 商品列表 -->
-            <!-- v-for表示循环 -->
-            <div v-for="sz in goods" class="list">
-                <img :src="sz.img" alt="" style="width: 200px;height: 200px;">
-                <p>名称：{{sz.name}}</p>
-                <p>价格：{{sz.price}}</p>
-            </div>
-        </div>
-    </div>
-</body>
-<script>
-    var app=Vue.createApp({
-        data(){
-            return {
-                goods:[
-                      {
-                        img:'https://img11.360buyimg.com/n1/jfs/t1/154202/35/19400/192552/60371d25E42e69874/8e85584484f36fb1.jpg',
-                        name:'Nike s10',
-                        
-                        price:'￥988'
-                    },
-                    {
-                        img:'https://img.alicdn.com/bao/uploaded/i2/2607871675/O1CN01l1tKCA1OFC4iknWJr_!!0-item_pic.jpg',
-                        name:'Nike zoom fly3',
-                      
-                        price:'￥988'
-                    },
-                    {
-                        img:'https://img12.360buyimg.com/n1/jfs/t1/104145/19/5312/321038/5deca85cE0e6dce4e/99d4fea23eafcfce.png',
-                        name:'Nike s9',
-                       
-                        price:'￥988'
-                    }
-                ]
-
-            }
-        }
-    }).mount('.goods')
-</script>
-</html>
\ No newline at end of file
-- 
Gitee

