@charset "UTF-8"; .common.data-v-081c5008 { 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-081c5008 { height: 5vh; } .head.data-v-081c5008 { height: 4vh; line-height: 4vh; } .body.data-v-081c5008 { height: calc(100vh - 160rpx); } .title.data-v-081c5008 { font-weight: bold; font-size: 40rpx; color: #FFFFFF; text-align: center; height: 7vh; line-height: 7vh; } .footer-btn.data-v-081c5008 { 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-081c5008 { 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-081c5008 { display: flex; justify-content: center; height: 30px; } .content_text.data-v-081c5008{ height: calc(100% - 170rpx); overflow: auto; } .row-class.data-v-081c5008 { height: 80rpx; } .logo-rules.data-v-081c5008{ height: 124rpx; width: 80rpx; margin-left: 110rpx; } .logo-img.data-v-081c5008 { background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ height: 100rpx; width: 62%; margin-right: 80rpx; } .commodity-img.data-v-081c5008 { background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ height: 72rpx; width: 100%; } .topImg.data-v-081c5008{ display: flex; justify-content: center; margin-top: 30rpx; } .topImg .img_1.data-v-081c5008{ height: 100rpx; margin-top: 20rpx; } .topImg .img_2.data-v-081c5008{ height: 80rpx; } .cardTop.data-v-081c5008{ 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-081c5008 { height: 60rpx; } .theme-text.data-v-081c5008 { height: 10vh; text-align: center; line-height: 11vh; } .theme-text .textImage.data-v-081c5008 { height: 80rpx; width: 400rpx; } .intro-card.data-v-081c5008 { margin: 0 32rpx; background: rgba(131, 100, 71, 0.5); border-radius: 10rpx; max-height: 65vh; overflow: auto; } .intro-card .intro-view.data-v-081c5008 { border: 2rpx solid #341B10; padding: 20rpx; margin: 20rpx; position: relative; margin-top: 30rpx; } .intro-card .intro-view .intro-label.data-v-081c5008 { 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; margin-left: -28rpx; } .intro-card .intro-view .intro-label .label-title.data-v-081c5008 { 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-081c5008 { font-size: 28rpx; color: #5c4322; line-height: 1.8; margin-top: 20rpx; text-align: justify; } .image-display.data-v-081c5008 { text-align: center; } .image-display .company-img.data-v-081c5008 { width: 80%; height: 240rpx; border-radius: 12rpx; object-fit: cover; margin-top: 20rpx; background: #eee; } .data-v-081c5008 .item-left { border-radius: 6rpx !important; text-align: center; width: 160rpx !important; } .item-text.data-v-081c5008 { font-weight: 500; font-size: 30rpx; color: #FFFFFF; } .content.data-v-081c5008 { height: 68vh; border-radius: 10rpx; margin: 0rpx 40rpx; padding: 10rpx 24rpx; overflow: auto; align-items: center; justify-content: center; background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/cjx/cardBgi.png"); background-size: cover; background-position: center; background-repeat: no-repeat; } .img_2.data-v-081c5008 { height: 240rpx; } .content_imgView.data-v-081c5008 { display: flex; justify-content: center; }