@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* uni.scss */ /* 颜色变量 */ /* 行为相关颜色 */ .group-wrap { background-size: 100% 374rpx; } .group-head { padding: 0 25rpx; height: 100rpx; } .group-head .group-head__title { font-size: 32rpx; font-family: PingFang SC; font-weight: 500; color: white; } .group-head .group-head__notice { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: white; } .group-box { width: 710rpx; background: -webkit-linear-gradient(#fff, #f5f5f5); background: linear-gradient(#fff, #f5f5f5); border-radius: 20rpx; margin: 0 auto; min-height: 1000rpx; } .group-box .goods-item { border-radius: 20rpx; overflow: hidden; position: relative; margin-bottom: 20rpx; } .group-box .goods-item .tag { position: absolute; left: 0; top: 10rpx; z-index: 2; line-height: 35rpx; background: -webkit-linear-gradient(318deg, #ff995d, #ff6361); background: linear-gradient(132deg, #ff995d, #ff6361); border-radius: 0px 18rpx 18rpx 0px; padding: 0 10rpx; font-size: 24rpx; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 0.8); } .group-box .goods-item .goods-right { width: 460rpx; } .group-box .goods-item .goods-right .title { width: 460rpx; } .group-box .goods-item .goods-right .tip { width: 460rpx; } .group-box .goods-item .buy-btn { position: absolute; right: 0; bottom: -10rpx; width: 160rpx; height: 60rpx; background: -webkit-linear-gradient(left, #fe832a, #ff6600); background: linear-gradient(90deg, #fe832a, #ff6600); box-shadow: 0px 7rpx 6rpx 0px rgba(255, 104, 4, 0.22); border-radius: 30rpx; font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #fff; padding: 0; } .group-box .goods-item .group-num { font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #999999; margin-left: 20rpx; } .group-box .goods-item .sell-box { background: rgba(255, 224, 226, 0.3); border-radius: 16rpx; line-height: 32rpx; padding: 0 10rpx; } .group-box .goods-item .sell-box .sell-num { font-size: 20rpx; font-family: PingFang SC; font-weight: 400; color: #f7979c; } .group-box .goods-item .sell-box .cuIcon-hotfill { font-size: 26rpx; color: #e1212b; margin-right: 8rpx; }