From ad92e101e1f23849acb6d0a85493a794f2cefb33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=88=90=E6=9D=B0?= <2756262977@qq.com>
Date: Fri, 24 Mar 2023 08:50:07 +0000
Subject: [PATCH 1/3] 1452
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴成杰 <2756262977@qq.com>
---
 .../zy.html"                                  | 98 +++++++++++++++++++
 1 file changed, 98 insertions(+)
 create mode 100644 "20230323-Vue\346\241\206\346\236\266/zy.html"
diff --git "a/20230323-Vue\346\241\206\346\236\266/zy.html" "b/20230323-Vue\346\241\206\346\236\266/zy.html"
new file mode 100644
index 0000000..4e9db89
--- /dev/null
+++ "b/20230323-Vue\346\241\206\346\236\266/zy.html"
@@ -0,0 +1,98 @@
+<!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">
+    <title>Document</title>
+</head>
+<style>
+    #app{
+        display: flex;
+    }
+    *{
+        margin: 0 auto;
+        padding: 0;
+    }
+    #majorBkock{ 
+        height: 400px;
+        width: 500px;
+        
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+   
+    }
+    #head { 
+     
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+    
+    }
+    #tail{
+        width: 250px;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    }
+</style>
+<body id="app">
+    <!-- ### 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据    -->
+    <div id="majorBkock" v-for="(object,index) in object" >
+        <div id="head">
+            <img :src="object.img" >
+            <span >{{object.name}}</span>
+            <span>买贵必赔|12期免息</span>
+        </div>
+        <div id="tail">
+            <span >￥{{object.money}}</span>
+           <button>立即购买</button>
+        </div>
+    </div>
+
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js">
+
+</script>
+<script>
+ let app= Vue.createApp({
+    data:function () {
+        return{
+            object :[
+                {
+                    name:"AMLRO柔光射频美容仪Pro",
+                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
+                    money:500
+                },
+                {
+                    name:"AMLRO柔光射频美容仪Pro",
+                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
+                    money:500
+                },
+                {
+                    name:"AMLRO柔光射频美容仪Pro",
+                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
+                    money:500
+                }, 
+                {
+                    name:"AMLRO柔光射频美容仪Pro",
+                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
+                    money:500
+                },
+                 {
+                    name:"AMLRO柔光射频美容仪Pro",
+                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
+                    money:500
+                },
+            ],
+       
+           
+
+        
+        }
+    }
+});
+app.mount("#app");
+</script>
+</html>
\ No newline at end of file
-- 
Gitee


From 4e4a52a22f35aa7a7fb3b4075bae2a34edadb67d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=88=90=E6=9D=B0?= <2756262977@qq.com>
Date: Fri, 24 Mar 2023 08:51:19 +0000
Subject: [PATCH 2/3] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=202023?=
 =?UTF-8?q?0323-Vue=E6=A1=86=E6=9E=B6/zy.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zy.html"                                  | 98 -------------------
 1 file changed, 98 deletions(-)
 delete mode 100644 "20230323-Vue\346\241\206\346\236\266/zy.html"

diff --git "a/20230323-Vue\346\241\206\346\236\266/zy.html" "b/20230323-Vue\346\241\206\346\236\266/zy.html"
deleted file mode 100644
index 4e9db89..0000000
--- "a/20230323-Vue\346\241\206\346\236\266/zy.html"
+++ /dev/null
@@ -1,98 +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">
-    <title>Document</title>
-</head>
-<style>
-    #app{
-        display: flex;
-    }
-    *{
-        margin: 0 auto;
-        padding: 0;
-    }
-    #majorBkock{ 
-        height: 400px;
-        width: 500px;
-        
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-   
-    }
-    #head { 
-     
-      display: flex;
-      flex-direction: column;
-      justify-content: flex-start;
-    
-    }
-    #tail{
-        width: 250px;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-    }
-</style>
-<body id="app">
-    <!-- ### 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据    -->
-    <div id="majorBkock" v-for="(object,index) in object" >
-        <div id="head">
-            <img :src="object.img" >
-            <span >{{object.name}}</span>
-            <span>买贵必赔|12期免息</span>
-        </div>
-        <div id="tail">
-            <span >￥{{object.money}}</span>
-           <button>立即购买</button>
-        </div>
-    </div>
-
-</body>
-<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js">
-
-</script>
-<script>
- let app= Vue.createApp({
-    data:function () {
-        return{
-            object :[
-                {
-                    name:"AMLRO柔光射频美容仪Pro",
-                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
-                    money:500
-                },
-                {
-                    name:"AMLRO柔光射频美容仪Pro",
-                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
-                    money:500
-                },
-                {
-                    name:"AMLRO柔光射频美容仪Pro",
-                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
-                    money:500
-                }, 
-                {
-                    name:"AMLRO柔光射频美容仪Pro",
-                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
-                    money:500
-                },
-                 {
-                    name:"AMLRO柔光射频美容仪Pro",
-                    img:'https://img10.360buyimg.com/seckillcms/s250x250_jfs/t20260319/109931/11/38074/25304/6418083eFe4de4ceb/1d82138ac6fb8f2d.jpg',
-                    money:500
-                },
-            ],
-       
-           
-
-        
-        }
-    }
-});
-app.mount("#app");
-</script>
-</html>
\ No newline at end of file
-- 
Gitee


From 8aa54710e2fbc87b53a653d32cc990fe3a1a70b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=88=90=E6=9D=B0?= <2756262977@qq.com>
Date: Fri, 24 Mar 2023 09:11:36 +0000
Subject: [PATCH 3/3] =?UTF-8?q?=E5=95=86=E5=93=81=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 吴成杰 <2756262977@qq.com>
---
 g.html | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 g.html

diff --git a/g.html b/g.html
new file mode 100644
index 0000000..dd58955
--- /dev/null
+++ b/g.html
@@ -0,0 +1,52 @@
+<!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">
+    <title></title>
+</head>
+<style>
+    *{
+        margin: 0 auto;
+    }
+    div{
+        display: flex;
+    }
+    li{
+        list-style: none;
+    }
+</style>
+
+<body id="app">
+    <div>
+        <ul>
+            <li>
+                <div><img :src="img11"></div>
+                <span>{{span1}}</span><br>
+                <span>{{span2}}</span>
+            </li>
+            <li>
+                <div v-html="img21"></div>
+                <span>{{span1}}</span><br>
+                <span>{{span2}}</span>
+            </li>
+        </ul>
+    </div>
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+    Vue.createApp({
+        data: function () {
+            return {
+                span1: "麒麟瓜",
+                span2:"3.69元",
+                img11: 'https://tse2-mm.cn.bing.net/th/id/OIP-C.INxfvqUVwIgan0pfwFrbXgHaHa?w=181&h=181&c=7&r=0&o=5&pid=1.7',
+                img21: "<img class='ab' src='https://tse2-mm.cn.bing.net/th/id/OIP-C.INxfvqUVwIgan0pfwFrbXgHaHa?w=181&h=181&c=7&r=0&o=5&pid=1.7'>"
+            }
+        }
+    }).mount("#app")
+</script>
+
+</html>
\ No newline at end of file
-- 
Gitee

