From 649a3077340eed05eb0922bfa857fa518090f549 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E4=BD=B3=E4=B8=BD?= <2898669424@qq.com>
Date: Fri, 24 Mar 2023 03:40:40 +0000
Subject: [PATCH] d
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 刘佳丽 <2898669424@qq.com>
---
 .../demo.html"                                | 69 +++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 "\345\210\227\350\241\250\345\225\206\345\223\201/demo.html"
diff --git "a/\345\210\227\350\241\250\345\225\206\345\223\201/demo.html" "b/\345\210\227\350\241\250\345\225\206\345\223\201/demo.html"
new file mode 100644
index 0000000..83dc861
--- /dev/null
+++ "b/\345\210\227\350\241\250\345\225\206\345\223\201/demo.html"
@@ -0,0 +1,69 @@
+<!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">
+    <style>
+        ul{list-style:none;}
+    </style>    
+    <title>Document</title>
+    <!-- 作业：在原有作业基础上,使用list遍历商品,每个商品初始为100个商品数量，
+        给个input输入，输入1 对应的商品数据要 -1，如果剩余数量为0，不展示 -->
+</head>
+
+<body>
+    <div id="app">
+        <ul>
+            <li v-for="i,index in list" >
+                    <div v-if="i.num-i.buynum>0">
+                    <div>{{index+1}}</div>
+                    <div>{{i.name}}</div>
+                    <div>{{i.price}}</div>
+                    <div><img width="200" v-bind:src="i.image"></div>
+                    <input type="text" nema="" v-model="i.buynum" id="text">  <input type="submit" value="购买" @click="submit">
+                    <div>还剩 {{i.num-i.buynum}}</div>  
+             </div>
+             <div v-else>售空/操作失败</div>
+            </li>
+            
+            
+        </ul>
+    </div>
+
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+
+    Vue.createApp({
+        data: () => {
+            return {
+                list: [
+                    {
+                        image: 'https://img2.baidu.com/it/u=1997249845,3386848693&fm=253&fmt=auto&app=138&f=JPEG?w=749&h=500',
+                        name: '巴斯克蛋糕',
+                        price: '价格：80￥',
+                        num: '100',
+                        buynum:'',
+                       
+                       
+                    },
+                    {
+                        image: 'https://img1.baidu.com/it/u=59580252,3699877883&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=301',
+                        name: '提拉米苏',
+                        price: '价格：85￥',
+                        num: '50',
+                        buynum:'',
+                       
+                       
+                    }
+                ]
+
+            }
+        }
+    }).mount('#app');
+
+</script>
+
+</html>
\ No newline at end of file
-- 
Gitee

