/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .winnerContent.data-v-3457e999 { width: 100%; min-height: 2524rpx; overflow: hidden; box-sizing: border-box; position: relative; font-family: PingFang SC; } .winnerContent .content.data-v-3457e999 { width: 96%; margin: auto; position: relative; } .winnerContent .backImage.data-v-3457e999 { width: 100%; height: 100%; position: absolute; z-index: -1; } .winnerContent .floatWindow.data-v-3457e999 { position: fixed; z-index: 10; right: 0; top: 240rpx; display: flex; flex-direction: column; } .winnerContent .floatWindow image.data-v-3457e999 { width: 158rpx; height: 48rpx; margin-bottom: 24rpx; } .winnerContent .recordBox.data-v-3457e999 { height: 192rpx; border-radius: 32rpx; background: linear-gradient(90deg, #225036 0%, #3b8e5e 45.92%, #3d8f5f 100%); padding: 24rpx; display: flex; justify-content: space-between; margin-top: 974rpx; align-items: center; box-sizing: border-box; } .winnerContent .recordBox > view.data-v-3457e999 { width: 306rpx; height: 144rpx; background: linear-gradient(180deg, #e5fff6 0%, #ffffff 100%); border-radius: 24rpx; display: flex; align-items: center; justify-content: center; } .winnerContent .recordBox image.data-v-3457e999 { width: 92rpx; height: 92rpx; margin-left: 22rpx; } .winnerContent .uploadBox.data-v-3457e999 { color: #c0630f; margin-top: 32rpx; } .winnerContent .uploadBox .count.data-v-3457e999 { width: 50%; color: #c0630f; font-size: 24rpx; background: linear-gradient(90deg, #ffcd70 0%, #ffe3b6 45.92%, #fcc761 100%); border-top-left-radius: 16rpx; border-top-right-radius: 16rpx; text-align: center; line-height: 50rpx; margin: auto; margin-bottom: -2rpx; } .winnerContent .uploadBox .btnBox.data-v-3457e999 { width: 100%; height: 178rpx; background: url("https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/uploadBtn.png") no-repeat center; background-size: 100% 100%; -o-object-fit: cover; object-fit: cover; position: relative; } .winnerContent .uploadBox .btnBox image.data-v-3457e999 { width: 150rpx; height: 150rpx; position: absolute; right: -20rpx; bottom: 0; } .winnerContent .uploadBox .tip.data-v-3457e999 { font-size: 24rpx; font-weight: 600; text-align: center; margin-top: 6rpx; } .winnerContent .bigTitle.data-v-3457e999 { font-size: 44rpx; font-weight: 700; letter-spacing: 12rpx; font-family: Alimama ShuHeiTi; color: transparent; background: linear-gradient(0deg, #fff6d8 0%, #ffffff 100%); -webkit-background-clip: text; display: inline-block; width: 100%; text-align: center; margin-top: 12rpx; } .winnerContent .activityTimeBox.data-v-3457e999 { width: 100%; height: 210rpx; background: url("https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/activeBg.png") no-repeat center; background-size: 100% 100%; margin-top: 32rpx; } .winnerContent .activityTimeBox .timeBox.data-v-3457e999 { font-size: 28rpx; color: #333; text-align: center; margin-top: 20rpx; font-size: 28rpx; color: #333; } .winnerContent .activityTimeBox .timeBox > text.data-v-3457e999 { display: block; } .winnerContent .goodsListBox.data-v-3457e999 { background: url("https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/goodsBg.png") no-repeat center; background-size: 100% 100%; padding: 100rpx 50rpx; height: 764rpx; position: relative; margin-top: 64rpx; box-sizing: border-box; } .winnerContent .goodsListBox .square.data-v-3457e999 { width: 59%; height: 88rpx; position: absolute; left: 0; right: 0; top: -68rpx; margin: auto; z-index: 0; background: url("https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/square.png") no-repeat center; background-size: 100% 100%; margin-top: 32rpx; } .winnerContent .goodsListBox .title.data-v-3457e999 { position: absolute; z-index: 99; } .winnerContent .goodsListBox .goodsList.data-v-3457e999 { display: flex; justify-content: space-between; flex-wrap: wrap; } .winnerContent .goodsListBox .goodsItem.data-v-3457e999 { width: 172rpx; height: 204rpx; background: url("https://qiuyu-daodian.oss-cn-beijing.aliyuncs.com/images/redBag.png") no-repeat center; background-size: 100% 100%; position: relative; margin-bottom: 40rpx; } .winnerContent .goodsListBox .goodsItem > text.data-v-3457e999 { position: absolute; left: 0; right: 0; text-align: center; } .winnerContent .goodsListBox .goodsItem .money.data-v-3457e999 { color: #c0630f; font-size: 48rpx; top: 20rpx; } .winnerContent .goodsListBox .goodsItem .content.data-v-3457e999 { color: #224f36; font-size: 24rpx; top: 88rpx; } .winnerContent .goodsListBox .goodsItem .name.data-v-3457e999 { color: #ffffff; font-size: 28rpx; bottom: 24rpx; }