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>