微信小程序大转盘抽奖转圈

最新推荐文章于 2024-07-17 04:16:08 发布

baidu_41681238

最新推荐文章于 2024-07-17 04:16:08 发布

阅读量505

点赞数

分类专栏：记录文章标签：微信小程序抽奖大转盘

本文链接：https://blog.csdn.net/baidu_41681238/article/details/104798458

版权

这篇博客主要介绍了如何在微信小程序中开发一个静态的大转盘抽奖页面，目前尚未涉及与后台接口的交互。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<!-- wxml.页面 -->
<view class="cj">
	<image class="zp" src="/utils/images/zp.png"></image>
	<view class="aniu" animation="{
  {animationData}}">

	</view>
	<view class="name" bindtap="dianjcj">
		点击
		抽奖
	</view>
</view>

.cj {
   
	width: 590rpx;
	height: 591rpx;
	background-image: linear-gradient(-45deg,
		#d31027 0%,
		#ea384d 100%),
		linear-gradient(#e13239,
		#e13239);
	background-blend-mode: normal,
		normal;
	box-shadow: 0rpx 5rpx 5rpx 0rpx rgba(255, 102, 0, 0.38);
	margin: 20rpx auto auto auto;
	position: relative;
}
.zp {
   
	width: 100%;
	height: 100%;
}
.name {
   
	width: 176rpx;
	height: 176rpx;
	position: absolute;
	top