2020-6-28 卡片制作

不应该把卡片制作这么晚的

实在是过节的时候状态不咋样

今天上午整理出来卡片

现叫 卡片1（toggleClass样式切换 值得学习）

包括（卡片样式（白色边框+好看的照片）+卡片叠放（不规则叠放））

 

计划

运用前几天学的reacrt将它封装为一个组件 好重用

并且实现智能分布和叠放（不然卡片多了之后会不好看） 

此状态可作为卡片的第一形态 即只包括单词

 

使用博客园自带的第三种编辑器的插入html（一些粘贴东西就自动给我弄没了）

我的诗文不能正常显示

<div class="mycontainer" id="mypoetry">
            <section class="main">
                <div class="windy-demo">
                    <ul id="wi-el" class="wi-container">
                        <li id="title">
                            <section id="ci-particles">
                                <canvas id="canvas"><h7 id="headline">庄子·外篇·田子方</h7></canvas>
                            </section>
                        </li>
                        <li id="poetry">        
                            <div  class="wrapper">
                                  <div class="content">夫哀莫大于心死  而人死亦次之</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>

        </div>

只能使用第一种编辑器 很悲伤

<div class="mycontainer" id="mypoetry">
            <section class="main">
                <div class="windy-demo">
                    <ul id="wi-el" class="wi-container">
                        <li id="title">
                            <section id="ci-particles">
                                <canvas id="canvas"><h7 id="headline">庄子·外篇·田子方</h7></canvas>
                            </section>
                        </li>
                        <li id="poetry">        
                            <div  class="wrapper">
                                  <div class="content">夫哀莫大于心死  而人死亦次之</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>

        </div>