@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .poster-box.data-v-c4037812 { z-index: 100003; position: fixed; top: 40%; left: 50%; -webkit-transform: translate(-50%, -40%); transform: translate(-50%, -40%); } .poster-box .savePoster.data-v-c4037812 { margin-top: 20rpx; background-color: #b91922; width: 100%; height: 100rpx; line-height: 100rpx; font-size: 35rpx; color: #fff; text-align: center; border-radius: 15rpx; } .poster-box .poster-close.data-v-c4037812 { width: 100%; height: 100rpx; line-height: 100rpx; color: #fff; font-size: 45rpx; text-align: center; font-weight: normal; } #swiper-inner-box.data-v-c4037812 { position: relative; } #swiper-inner-box .swiper-box.data-v-c4037812 { width: 100%; height: 800rpx; } #swiper-inner-box .swiper-box image.data-v-c4037812 { width: 100%; height: 800rpx; } #swiper-inner-box .custom-indicator.data-v-c4037812 { position: absolute; right: 40rpx; bottom: 40rpx; padding: 12rpx 30rpx; font-size: 28rpx; background: rgba(0, 0, 0, 0.3); color: #fff; border-radius: 12rpx; } .goods-price.data-v-c4037812 { width: 100%; height: 140rpx; background-color: #c30d24; } .goods-price .price.data-v-c4037812 { height: 140rpx; float: left; margin-left: 32rpx; } .goods-price .price view.data-v-c4037812 { display: block; color: #fff; } .goods-price .price view.data-v-c4037812:first-child { font-size: 42rpx; padding-top: 24rpx; font-style: normal; } .goods-price .price view.data-v-c4037812:last-child { font-size: 24rpx; padding-top: 0px; } .goods-price .price view:last-child text.data-v-c4037812 { font-style: normal; font-size: 26rpx; position: relative; top: 2rpx; text-decoration: line-through; padding-left: 4rpx; } .goods-info.data-v-c4037812 { background-color: #fff; } .goods-info .title.data-v-c4037812 { display: block; padding: 24rpx 30rpx 6rpx 30rpx; color: #333; font-size: 32rpx; position: relative; min-height: 88rpx; } .goods-info .title .goods-name.data-v-c4037812 { padding-right: 77rpx; } .goods-info .title .goods-share.data-v-c4037812 { position: absolute; top: 24rpx; right: 30rpx; } .goods-info .title .goods-share view.data-v-c4037812 { text-align: center; border-left: 1px solid #ddd; padding-left: 10rpx; } .goods-info .title .goods-share view.data-v-c4037812:first-child { font-size: 45rpx; color: #c30d24; padding-bottom: 10rpx; } .goods-info .title .goods-share view.data-v-c4037812:last-child { font-size: 28rpx; color: #666; } .goods-info .goods-info-box.data-v-c4037812 { display: block; padding: 0 30rpx; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; } .goods-info .goods-info-box text.data-v-c4037812 { width: 50%; height: 80rpx; line-height: 80rpx; text-align: left; font-size: 30rpx; color: #888; } .goods-comments.data-v-c4037812 { margin-top: 20rpx; background-color: #fff; height: auto; } .goods-comments .title.data-v-c4037812 { height: 80rpx; line-height: 80rpx; font-size: 32rpx; width: 100%; border-bottom: 2rpx solid #e8e8e8; } .goods-comments .title text.data-v-c4037812:nth-child(1) { float: left; color: #333; padding-left: 30rpx; } .goods-comments .title text.data-v-c4037812:nth-child(2) { float: right; color: #999; padding-right: 30rpx; } .goods-comments .comments-empty.data-v-c4037812 { padding: 100rpx 30rpx; text-align: center; font-size: 32rpx; color: #666; } .goods-comments .goods-comments-list .goods-comments-box.data-v-c4037812 { border-bottom: 2rpx solid #e8e8e8; min-height: 240rpx; background-color: #fff; padding-bottom: 40rpx; } .goods-comments .goods-comments-list .goods-comments-box .t.data-v-c4037812 { padding: 0 30rpx; height: 170rpx; line-height: 160rpx; color: #666; } .goods-comments .goods-comments-list .goods-comments-box .t .u.data-v-c4037812 { float: left; font-size: 30rpx; } .goods-comments .goods-comments-list .goods-comments-box .t .u view.data-v-c4037812 { float: left; } .goods-comments .goods-comments-list .goods-comments-box .t .u view.data-v-c4037812:first-child { width: 96rpx; height: 96rpx; overflow: hidden; border-radius: 50%; background-color: #eee; display: inline-block; position: relative; top: 30rpx; } .goods-comments .goods-comments-list .goods-comments-box .t .u view:first-child image.data-v-c4037812 { width: 96rpx; height: 96rpx; } .goods-comments .goods-comments-list .goods-comments-box .t .u view.data-v-c4037812:last-child { position: relative; left: 20rpx; } .goods-comments .goods-comments-list .goods-comments-box .t .time.data-v-c4037812 { float: right; font-size: 28rpx; } .goods-comments .goods-comments-list .goods-comments-box .c.data-v-c4037812 { padding: 0 30rpx 10rpx 30rpx; font-size: 30rpx; color: #333; } .goods-comments .goods-comments-list .goods-comments-box .d.data-v-c4037812 { background-color: #f7f7f7; margin: 0 30rpx; } .goods-comments .goods-comments-list .goods-comments-box .d .d-1.data-v-c4037812 { padding: 10rpx 30rpx 0 30rpx; font-size: 30rpx; } .goods-comments .goods-comments-list .goods-comments-box .d .d-2.data-v-c4037812 { padding: 20rpx 30rpx 20rpx 30rpx; font-size: 28rpx; } .goods-content.data-v-c4037812 { background-color: #fff; width: 100%; margin-bottom: 100rpx; } .goods-content .title.data-v-c4037812 { font-size: 32rpx; color: #282828; height: 96rpx; width: 100%; background-color: #fff; text-align: center; line-height: 96rpx; } .goods-content image.data-v-c4037812 { width: 100%; height: auto; float: left; } .goods-action.data-v-c4037812 { position: fixed; right: 0; bottom: 0; left: 0; display: flex; align-items: center; box-sizing: content-box; height: 100rpx; border-top: 2rpx solid #d9d9d9; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background-color: #fff; z-index: 100000; overflow: hidden; } .goods-action .goods-action-button.data-v-c4037812 { position: relative; display: inline-block; box-sizing: border-box; margin: 0; padding: 0; text-align: center; cursor: pointer; transition: opacity .2s; -webkit-appearance: none; flex: 1; height: 100rpx; line-height: 100rpx; font-weight: 500; font-size: 28rpx; border: none; color: #fff; } .goods-action .button-cart.data-v-c4037812 { background-color: #ffc03a; } .goods-action .button-buy.data-v-c4037812 { background-color: #c30d24; }