前端JS实现彩票遗漏条效果

·半傻半呆半疯癫

于 2021-09-07 16:01:21 发布

阅读量516

点赞数 1

分类专栏： VUE Html5 文章标签： javascript html5 vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_45461674/article/details/120159219

版权

本文介绍了如何使用JavaScript和HTML5实现彩票遗漏条效果。通过在创建列表时为中奖号码添加自定义属性（status=true）来标记，然后通过控制每一行的特定位置来模拟列循环的效果。代码实现简单，作者还提到了一种更复杂的布局方式，计划后续分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

彩票遗漏条效果
在这里插入图片描述

思路

在这里插入图片描述
在创建列表的时候，将中的那个号码"标记"，我用了自定义属性（status=true:代表中的，如上图），这里看起来是横着来，但其实循环每一行后，控制每行的 第几个 就实现了循环每一列的效果。

具体代码如下：

// 计算遗漏条
export const missingArticle = function (eleDots: any, index: number) {
   
    for (let i = 0; i <= eleDots.length; i++) {
   
        if (index

最低0.47元/天解锁文章