module card & deck

2 years ago · 7ee4d17776
parent 205de31c1c
commit 7ee4d17776
3 changed files with 44 additions and 1 deletions
--- a/src/Model/card-module.js
+++ b/src/Model/card-module.js
@ -0,0 +1,16 @@
+export default{
+    emits:[],
+    data: function(){
+        return{
+
+        }
+    },
+    methods:{
+        clicked:function () {
+            
+        }
+    },
+    template:`
+    <div v-bind:style="{ color: 'red', fontSize: '20px' }">yess</div>
+    `
+}
--- a/src/Model/deck-module.js
+++ b/src/Model/deck-module.js
@ -0,0 +1,21 @@
+export default{
+    emits:[],
+    data: function(){
+        return{
+            cards:[]
+        }
+    },
+    methods:{
+        clicked:function () {
+            
+        }
+    },
+    template:`
+    <div v-bind:style="{border: '3px solid black', fontSize: '20px', display:'flex'}">
+        <div v-for="n in 10">
+            {{ n }}
+            <card-module></card-module>
+        </div>
+    </div>
+    `
+}
--- a/views/game.html
+++ b/views/game.html
@ -23,6 +23,7 @@
 <body>
    <div id="app">
        <h1>Game - test </h1>
+        <deck-module></deck-module>
    </div>
    <section>
    </section>
@ -33,7 +34,11 @@
    <script src="/src/Model/Factory.js"></script>
    <script src="/src/Model/Deck.js"></script>
    <script type="module">
+
        import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
+        import CardModule from '/src/Model/card-module.js';
+        import DeckModule from '/src/Model/deck-module.js';
+
        const app = createApp({
            created(){},
            data(){
@ -43,7 +48,8 @@
                myFun:function(){}
            }
        });
-        //app.component('FormAddArticle', FormAddArticle);
+        app.component('CardModule', CardModule);
+        app.component('DeckModule', DeckModule);
        app.mount('#app');
    </script>
 </body>