@charset "UTF-8"; .common.data-v-334f1e2f { height: 100vh; width: 100vw; background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/bgi.png"); /* 使用绝对路径 */ background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ overflow: auto; } .top-class.data-v-334f1e2f { height: 6vh; } .head.data-v-334f1e2f { height: 4vh; line-height: 4vh; } .body.data-v-334f1e2f { height: calc(100vh - 160rpx); } .title.data-v-334f1e2f { font-weight: bold; font-size: 40rpx; color: #FFFFFF; text-align: center; height: 7vh; line-height: 7vh; } .footer-btn.data-v-334f1e2f { 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-334f1e2f { width: 120rpx; background-color: #9A1712; 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; /* 鼠标指针效果 */ } /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .row-class.data-v-334f1e2f { height: 80rpx; } .logo-img.data-v-334f1e2f { background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ height: 42rpx; width: 62%; } .commodity-img.data-v-334f1e2f { background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ height: 35rpx; width: 100%; } .theme-text.data-v-334f1e2f { height: 10vh; text-align: center; line-height: 11vh; } .theme-text .textImage.data-v-334f1e2f { height: 80rpx; width: 400rpx; } .intro-card.data-v-334f1e2f { margin: 0 32rpx; padding: 32rpx 24rpx 24rpx 24rpx; background: rgba(131, 100, 71, 0.5); border-radius: 10rpx; } .intro-card .intro-view.data-v-334f1e2f { border: 1px solid #341B10; padding: 10px; margin: 10px; position: relative; } .intro-card .intro-view .intro-label.data-v-334f1e2f { background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/guzhenganzi/label.png"); /* 使用绝对路径 */ background-size: contain; background-repeat: no-repeat; width: 220rpx; height: 120rpx; position: absolute; margin-top: -70rpx; align-content: center; } .intro-card .intro-view .intro-label .label-title.data-v-334f1e2f { font-weight: bold; font-size: 30rpx; color: #341B10; text-align: center; margin-left: 10px; height: 120rpx; line-height: 110rpx; } .intro-card .intro-view .intro-content.data-v-334f1e2f { font-size: 28rpx; color: #5c4322; line-height: 1.8; margin: 20rpx 0px; text-align: justify; height: 50vh; align-content: center; } .intro-card .intro-view .company-img.data-v-334f1e2f { width: 100%; height: 260rpx; border-radius: 12rpx; object-fit: cover; margin-top: 10rpx; background: #eee; } .winning-picture.data-v-334f1e2f { height: 480rpx; background-image: url(https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/guzhenganzi/bgiZj.png); background-size: contain; background-position: center; background-repeat: no-repeat; align-content: center; text-align: center; } .center-image.data-v-334f1e2f { height: 100rpx; object-fit: contain; /* 保持图片的宽高比,确保不会被拉伸或裁切 */ padding-top: 140rpx; }