增加新功能

unpackage/dist/dev/mp-weixin/pages/turntable/turntable.wxss

@@ -24,6 +24,7 @@
 /* 垂直间距 */
 .turntable_warp {
   height: 100vh;
+  position: relative;
 }
 .turntable_header_warp {
   height: 1200rpx;
@@ -57,12 +58,59 @@
   /* 将图片居中显示 */
   width: 100%;
   height: 820rpx;
+  position: relative;
+}
+.turntable_header_warp .turntable_content_warp .draws_warp {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 0 84rpx;
+  position: absolute;
+  top: 576rpx;
+  width: calc(100% - 168rpx);
+}
+.turntable_header_warp .turntable_content_warp .draws_warp .draws_item_warp {
+  width: 40%;
+  text-align: center;
+  background: #FE2F32;
+  border-radius: 16rpx;
+  border: 2px solid #FFC8C8;
+  margin-bottom: 20rpx;
+  color: #ffffff;
+  padding: 20rpx 0rpx;
+}
+.turntable_header_warp .rule {
+  background: #FFFFFF;
+  border-radius: 50rpx 50rpx 0rpx 0rpx;
+  min-height: 500rpx;
+  padding: 30rpx;
+}
+.turntable_header_warp .rule .rule_title {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 30rpx;
+}
+.turntable_header_warp .rule .rule_title .title {
+  background: #FF2524;
+  border-radius: 30rpx 0rpx 40rpx 0rpx;
+  color: #FFFFFF;
+  padding: 10rpx 0;
+  width: 280rpx;
+  text-align: center;
+  font-size: 40rpx;
+}
+.turntable_header_warp .rule .rule_content {
+  font-weight: 400;
+  font-size: 28rpx;
+  color: #999999;
+  line-height: 38rpx;
 }
 .turntable_wp {
   width: 610rpx;
   height: 610rpx;
   position: relative;
   margin: 0 auto;
+  top: -176rpx;
 }
 .turntable_wp image {
   display: block;
@@ -76,4 +124,18 @@
   top: 50%;
   left: 50%;
   margin: -125rpx 0 0 -112rpx;
+}
+.winning_record {
+  position: absolute;
+  right: 0rpx;
+  top: 200rpx;
+  background: rgba(92, 0, 1, 0.5);
+  border-radius: 30rpx 0rpx 0rpx 30rpx;
+  display: flex;
+  align-items: center;
+  color: #FFFFFF;
+  padding: 10rpx 20rpx;
+  font-weight: 500;
+  font-size: 25rpx;
+  color: #FBFAFA;
 }