本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 引言 ：让我们一起来学习grid布局吧，因为网格布局（Grid）是最强大的 CSS 布局方案。

移动端九宫格转盘抽奖vue组件，中奖的奖品数据由接口决定。 因为中奖的结果是后台返回的，所以要考虑转盘的最终停下来的位置必须是在对应后台返回结果的奖品的位置，也就是要模拟出这个中奖的过程（所以所谓的抽奖都是骗人的，嘿嘿）。先要写出移动的背景框对应的各个位置的css，然后动态切换…

周末去参加好哥们的婚礼了，今天才赶回来，所以更新晚了。现在继续把九宫格抽奖组件后面的两个模块：动画以及事件写完。 说到 js 动画，我首先想到的是性能最好的requestAnimationFrame，可惜微信小程序不支持，没办法，就只能“曲线救国”了。再者由于setInterv…

最近，开发的微信小程序接到一个九宫格抽奖的需求，写的过程感觉还蛮有趣的，就写成组件，顺便记录下心理路程。开发前思考了下，大致分成以下几个模块：布局、动画以及事件。技术栈是 uni-app + ts + less。 至此，就完成了九宫格的布局。 未完待续...