@charset "UTF-8"; .common.data-v-1180c169 { height: 100vh; width: 100vw; background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/bgi.png"); /* 使用绝对路径 */ background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ overflow: auto; } .top-class.data-v-1180c169 { height: 5vh; } .head.data-v-1180c169 { height: 4vh; line-height: 4vh; } .body.data-v-1180c169 { height: calc(100vh - 160rpx); } .title.data-v-1180c169 { font-weight: bold; font-size: 40rpx; color: #FFFFFF; text-align: center; height: 7vh; line-height: 7vh; } .footer-btn.data-v-1180c169 { position: fixed; /* 固定位置 */ left: 0; /* 距离页面左侧为0 */ bottom: 30rpx; /* 距离页面底部为0 */ width: 100%; /* 宽度为100%,确保按钮横跨整个底部 */ display: flex; /* 启用 Flexbox 布局 */ justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ z-index: 999; /* 确保按钮在最上层 */ } .return-button.data-v-1180c169 { width: 120rpx; border: none; color: #F9D395; font-size: 26rpx; text-align: center; letter-spacing: 4rpx; /* 设置文字间距为2px */ font-weight: 600; height: 50rpx; line-height: 50rpx; border-radius: 8rpx; cursor: pointer; /* 鼠标指针效果 */ background: #DE00FF; border-radius: 20rpx; border: 3px solid #FFBD70; } .return_view.data-v-1180c169 { display: flex; justify-content: center; height: 30px; } .content_text.data-v-1180c169{ height: calc(100% - 170rpx); overflow: auto; } .row-class.data-v-1180c169 { height: 80rpx; } .logo-rules.data-v-1180c169{ height: 124rpx; width: 80rpx; margin-left: 110rpx; } .logo-img.data-v-1180c169 { background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ height: 100rpx; width: 62%; margin-right: 80rpx; } .commodity-img.data-v-1180c169 { background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ height: 72rpx; width: 100%; } .topImg.data-v-1180c169{ display: flex; justify-content: center; margin-top: 30rpx; } .topImg .img_1.data-v-1180c169{ height: 100rpx; margin-top: 20rpx; } .topImg .img_2.data-v-1180c169{ height: 80rpx; } .cardTop.data-v-1180c169{ margin-bottom: 10rpx; background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/title_bgi.png"); background-size: cover; background-position: center; background-repeat: no-repeat; height: 80rpx; margin-top: 20rpx; } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .row-class.data-v-1180c169 { height: 60rpx; } .theme-text.data-v-1180c169 { height: 10vh; text-align: center; line-height: 11vh; } .theme-text .textImage.data-v-1180c169 { height: 80rpx; width: 400rpx; } .title-1.data-v-1180c169 { text-align: center; color: #A7001C; font-size: 18px; letter-spacing: 4px; font-weight: 600; } .winning-picture.data-v-1180c169 { height: 460rpx; background-image: url(https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/guzhenganzi/bgiZj.png); background-size: contain; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; /* 水平居中 */ } .detail.data-v-1180c169 { margin: 20rpx 40rpx; border-radius: 10rpx; padding: 10rpx; margin-top: 30vh; background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/cardBgi.png"); background-size: cover; background-position: center; background-repeat: no-repeat; height: 20vh; } .text-detail.data-v-1180c169 { margin-bottom: 10rpx; padding: 0px 10px; font-weight: 500; font-size: 26rpx; color: #FFFFFF; } .text-one.data-v-1180c169 { font-weight: 400; font-size: 26rpx; color: #FF31C2; margin-bottom: 10rpx; } .detail-btn.data-v-1180c169 { text-align: center; color: #F9D395; height: 60rpx; line-height: 60rpx; margin-right: 20rpx; font-size: 13px; background-color: #901710; padding: 3px; border-radius: 5px; } .center-image.data-v-1180c169 { height: 280rpx; object-fit: contain; /* 保持图片的宽高比,确保不会被拉伸或裁切 */ } .data-v-1180c169 .detail-btn ._span { background-color: #8E1813; padding: 4rpx; border-radius: 8rpx; font-weight: 400; font-size: 26rpx; } .hint.data-v-1180c169 { font-weight: 500; font-size: 24rpx; color: #FF31C2; text-align: center; } .custom-style.data-v-1180c169 { height: 74rpx; }