微信小程序大转盘完整代码

包先森

已于 2022-07-27 13:50:53 修改

阅读量4.5k

点赞数 9

文章标签：微信小程序 javascript 小程序

于 2022-07-27 13:46:06 首次发布

本文链接：https://blog.csdn.net/weixin_44606690/article/details/126012681

版权

微信小程序大转盘完整代码

效果图

在这里插入图片描述

wxml片段

<!--index.wxml-->
<view class="container">
  <image src='/images/bg_1.jpg' class="bg_1"></image>
  <image src='/images/bg_2.png' animation="{
  {rotate}}" class="bg_2"></image>
  <image src='/images/start.png' bindtap="start" class="start"></image>

</view>

wxss内容

/**index.wxss**/
.bg_1{
  width: 650rpx;
  height: 651rpx;
  position: relative;
  top: -200rpx;
}
.bg_2{
  width: 514rpx;
  height: 514rpx;
  position: absolute;
  top: 60rpx;
}
.start{
  width: 134rpx;
  height: 163rpx;
  position: absolute;
  top: 220rpx;
}