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 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
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 0000000000000000000000000000000000000000..d4ec0a5655f8cc9d928889589af90241c455c8f7
--- /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 0000000000000000000000000000000000000000..fa0bc3498882e972da7e84e21cfbbe55e6155217
--- /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
