From cf9fb39d89250b6095c860b24d4a7c28aff818b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E9=9D=96=E6=AE=B7?= <2531257946@qq.com>
Date: Fri, 24 Mar 2023 17:38:35 +0800
Subject: [PATCH] =?UTF-8?q?'=E7=AC=AC=E4=B8=80=E6=AC=A1=E4=BD=9C=E4=B8=9A'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitee/ISSUE_TEMPLATE.zh-CN.md                | 13 ----
 .../index.css"                                | 19 ++++++
 .../index.html"                               | 63 +++++++++++++++++++
 3 files changed, 82 insertions(+), 13 deletions(-)
 delete mode 100644 .gitee/ISSUE_TEMPLATE.zh-CN.md
 create mode 100644 "\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.css"
 create mode 100644 "\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.html"
diff --git a/.gitee/ISSUE_TEMPLATE.zh-CN.md b/.gitee/ISSUE_TEMPLATE.zh-CN.md
deleted file mode 100644
index f09d98d..0000000
--- a/.gitee/ISSUE_TEMPLATE.zh-CN.md
+++ /dev/null
@@ -1,13 +0,0 @@
-### 该问题是怎么引起的？
-
-
-
-### 重现步骤
-
-
-
-### 报错信息
-
-
-
-
diff --git "a/\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.css" "b/\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.css"
new file mode 100644
index 0000000..be123b3
--- /dev/null
+++ "b/\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.css"
@@ -0,0 +1,19 @@
+[v-cloak]{
+    display: none;
+}
+img{
+    width: 200px;
+    height: 200px;
+}
+.blue{
+    color: skyblue;
+}
+.yellow{
+    color: rgb(250, 213, 6);
+}
+.green{
+    color: rgb(24, 153, 24);
+}
+.pink{
+    color: pink;
+}
\ No newline at end of file
diff --git "a/\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.html" "b/\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.html"
new file mode 100644
index 0000000..20e609c
--- /dev/null
+++ "b/\346\235\216\351\235\226\346\256\267/2023-03-24(Vue\347\254\254\344\270\200\346\254\241\344\275\234\344\270\232)/index.html"
@@ -0,0 +1,63 @@
+<!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>
+<link rel="stylesheet" href="./index.css">
+<body>
+    <!-- 作业：构建vue项目,写一个商品的列表，里面图片链接等，可以用vue里面的data的数据 -->
+    
+        <div id="app">
+            <div v-cloak>
+                <table border="1">
+                    <tr>
+                        <td v-bind:class="color">{{listname}}</td>
+                        <td v-html="listimg"></td>
+                    </tr>
+                    <tr>
+                        <td v-bind:class="color2">{{listname2}}</td>
+                        <td v-html="listimg2"></td>
+                    </tr>
+                    <tr>
+                        <td v-bind:class="color3">{{listname3}}</td>
+                        <td v-html="listimg3"></td>
+                    </tr>
+                    <tr>
+                        <td v-bind:class="color4">{{listname4}}</td>
+                        <td v-html="listimg4"></td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+    
+    
+</body>
+<script src="https://unpkg.com/vue@3.2.47/dist/vue.global.js"></script>
+<script>
+    var app = Vue.createApp({
+        data:function(){
+            return{
+                listname:'玉桂狗',
+                color:'blue',
+                listimg:'<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fsafe-img.xhscdn.com%2Fbw1%2Ffcb48675-3525-4661-8dbd-5a763b4a793e%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fsafe-img.xhscdn.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1682238973&t=63f5d1ff66fdced5de262ca2cbe2feb2" alt="">',
+                
+                listname2:'布丁狗',
+                color2:'yellow',
+                listimg2:'<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.doubanio.com%2Fview%2Fgroup_topic%2Fl%2Fpublic%2Fp485434265.jpg&refer=http%3A%2F%2Fimg9.doubanio.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1682239790&t=fcc0666040db3cf8ae5c0d64aa42188a" alt="">',
+                
+                listname3:'帕恰狗',
+                color3:'green',
+                listimg3:'<img src="https://inews.gtimg.com/newsapp_bt/0/14610114507/1000" alt="">',
+                
+                listname4:'美乐蒂',
+                color4:'pink',
+                listimg4:'<img src="https://img2.baidu.com/it/u=4220809936,2735749800&fm=253&fmt=auto&app=138&f=JPEG?w=552&h=500" alt="">',
+            }
+        }
+    })
+    app.mount("#app");
+</script>
+</html>
\ No newline at end of file
-- 
Gitee

