自制游戏 index.html
来源:互联网 发布:手机发射激光软件 编辑:程序博客网 时间:2024/05/01 12:00
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="my.css"></head><body> <div id="app" > <!--<transition-group name="list-move" tag="ul" v-for="(row, r) in data">--> <transition-group name="list-move" tag="ul"> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[0]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[1]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[2]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[3]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[4]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[5]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[6]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[7]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in data[8]" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> <li class="list-move-item" v-bind:key="cell.id" v-for="(cell, i) in rem" v-bind:style="{left:cell.x*55 +'px',top:cell.y*55 +'px',color:cell.removeX || cell.removeY ? 'red' : 'black'}"> <obj-list v-bind:cell="cell" v-on:li_click="updataLastCell"></obj-list> </li> </transition-group> </div></body> <script src="node_modules/vue/dist/vue.min.js"></script> <script src="node_modules/vue-resource/dist/vue-resource.min.js"></script> <script src="node_modules/lodash/lodash.min.js"></script> <script src="node_modules/underscore/underscore-min.js"></script> <script src="./util.js"></script> <script src="my.js"></script></html>
阅读全文
0 0
- 自制游戏 index.html
- 大鱼吃小鱼游戏-index.html
- 大鱼吃小鱼游戏-index.html -来源慕课网
- index.html
- index.html
- index.html
- index.html
- index.html
- index.html
- 自制动漫游戏AMV
- 自制游戏 util.js
- 自制游戏 package.json
- 自制游戏 data.json
- html自制评论功能模块
- 自制HTML页面
- 游戏框架开发index
- 自制游戏(一) 飞行射击游戏
- index.html + smarty模板
- easyui动态设置required
- 搭建asp网站遇到的一些问题
- 字体、背景图片样式
- HBase PE使用命令
- awk工具
- 自制游戏 index.html
- maven仓库(阿里)
- 内存有限的情况下 Spark 如何处理 T 级别的数据
- Word2013中粘贴文字段落时大量的波浪线怎么去掉
- 用伪类画线条、圆点
- android手机误删通讯录恢复
- 2017.11.21笔记
- java_IO
- 认识AJAX及函数使用