HTML代码： SCSS样式： JS代码： ...

最近做了一个移动端页面，要求适配手机屏幕，用到的是九宫格。在处理屏幕适配上花了不少时间，也在测试中找到最好的布局方法。 分享代码之余也能够在下一次的工作项目中避免犯相同的错误。 *{ margin: 0; padding: 0; } img ...

五一告急，4月29日接到小任务，放假前做个九宫格转盘小页面，噢~~设计稿已出，当前时间下午两点， 正在改bug，主流项目30日得上线，九宫格30日中午得上线。时间略紧下午6点改完bug，加班搞九宫格。 一个页面，三屏内容，九宫格、结果弹窗和分享提示。 计划： 晚上写静态页面 ...

本文介绍九宫格抽奖功能的实现。 1.需求 功能很简单，来看看高保截图，如下图1 图1 需求的功能点如下： 用户点击抽奖，九宫格四周的图片顺时针依次闪烁，空转几圈。 请求接口，等接口有返回后最后对应的奖品闪烁，其他奖品不闪烁。 登录后，正中间的抽奖这个小方格点亮，未登录是灰色 ...

1.数据资源类class LXPhotosData { final String imgUrl; LXPhotosData(this.imgUrl);} 2.定义一个继承StatefulWidget的外部调用类，九宫格界面，里面定义了几个常量，用来设置，具体请看 ...

Demo实现了对任意方格进行拖拽，可以交换位置，其中Demo-1利用了勾股定理判断距离！ Demo-1整体思路： 1.首先div实现自由移动，一定需要脱离标准文档流，所以我们给它使用绝对定位。 ...

九宫格算法核心： 利用控件索引index计算出控件所在的行数和列数； 利用控件计算出left距离； 利用控件计算出top距离； 写特效时需要用到定位 公式： 行 row=parseInt(i/cols); 列 col=parseInt(i%cols ...

...