From 06ce82529b9ba4ca31a585dc1bbaceed53543e13 Mon Sep 17 00:00:00 2001
From: 1 <1>
Date: Tue, 29 Mar 2022 17:18:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BD=9C=E4=B8=9A=EF=BC=9A20?=
 =?UTF-8?q?220329=5Fel=E6=8C=82=E8=BD=BD=E7=82=B9+data=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../threeKingdom.html"                        | 74 +++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 "\350\222\213\345\256\207\350\266\205/20220329_el\346\214\202\350\275\275\347\202\271+data\345\261\236\346\200\247/threeKingdom.html"
diff --git "a/\350\222\213\345\256\207\350\266\205/20220329_el\346\214\202\350\275\275\347\202\271+data\345\261\236\346\200\247/threeKingdom.html" "b/\350\222\213\345\256\207\350\266\205/20220329_el\346\214\202\350\275\275\347\202\271+data\345\261\236\346\200\247/threeKingdom.html"
new file mode 100644
index 0000000..3785916
--- /dev/null
+++ "b/\350\222\213\345\256\207\350\266\205/20220329_el\346\214\202\350\275\275\347\202\271+data\345\261\236\346\200\247/threeKingdom.html"
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>三国杀移动版</title>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
+</head>
+<style>
+    .color {
+        color: red;
+    }
+
+    .active {
+        display: none;
+    }
+</style>
+
+<body>
+    <div id="role">
+        <h3>武将列表---></h3>
+        最新武将: <button @click="btnClick">点击显示 / 收起</button>
+        <div v-if="seen" :class="myClass" v-for="role in newRoles">{{role.name}} / {{role.grade}}</div>
+        <ol>
+            <li v-for="role in roles">{{role.name}} / {{role.grade}}</li>
+        </ol>
+    </div>
+</body>
+
+<script>
+    let role = new Vue({
+        el: "#role",
+        data: {
+            seen: true,
+            roles: [
+                {
+                    name: 'SP赵云',
+                    grade: '精品'
+                },
+                {
+                    name: '刘焉',
+                    grade: '史诗'
+                },
+                {
+                    name: '界关羽',
+                    grade: '精品'
+                }
+            ],
+            newRoles: [
+                {
+                    name:'神•孙策',
+                    grade:'史诗',
+                },
+                {
+                    name:'高览',
+                    grade:'精品',
+                }
+            ],
+            myClass: {
+                color: true,
+                active: true,
+            }
+        },
+        methods: {
+            btnClick: function () {
+                // this.seen = !this.seen; 
+                this.myClass.active = !this.myClass.active;
+            }
+        }
+    })
+</script>
+
+</html>
\ No newline at end of file
-- 
Gitee

