2025-03-20 08:46:07 +08:00
|
|
|
/**
|
|
|
|
|
* 这里是uni-app内置的常用样式变量
|
|
|
|
|
*
|
|
|
|
|
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
|
|
|
|
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
/* uni.scss */
|
|
|
|
|
/**
|
|
|
|
|
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
|
|
|
|
*
|
|
|
|
|
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
|
|
|
|
*/
|
|
|
|
|
/* 颜色变量 */
|
|
|
|
|
/* 行为相关颜色 */
|
|
|
|
|
/* 文字基本颜色 */
|
|
|
|
|
/* 背景颜色 */
|
|
|
|
|
/* 边框颜色 */
|
|
|
|
|
/* 尺寸变量 */
|
|
|
|
|
/* 文字尺寸 */
|
|
|
|
|
/* 图片尺寸 */
|
|
|
|
|
/* Border Radius */
|
|
|
|
|
/* 水平间距 */
|
|
|
|
|
/* 垂直间距 */
|
|
|
|
|
.home_warp.data-v-07e72d3c {
|
|
|
|
|
background: #F5F5F5;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.home_header_warp.data-v-07e72d3c {
|
|
|
|
|
background-color: #FF8031;
|
|
|
|
|
height: 500rpx;
|
|
|
|
|
padding: 100rpx 30rpx 0rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_header_warp .header_title_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-bottom: 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_header_warp .header_right_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home_header_warp .language_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 100rpx;
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border-radius: 16rpx;
|
|
|
|
|
border: 1px solid #000000;
|
|
|
|
|
margin-left: 20rpx;
|
|
|
|
|
padding: 10rpx 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_header_warp .search_msg_warp.data-v-07e72d3c {
|
|
|
|
|
margin-left: 20rpx;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 26rpx;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
.home_sort_warp.data-v-07e72d3c {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 460rpx;
|
|
|
|
|
padding: 30rpx;
|
|
|
|
|
width: calc(100% - 60rpx);
|
|
|
|
|
}
|
|
|
|
|
.home_sort_warp .sort_warp.data-v-07e72d3c {
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
}
|
|
|
|
|
.home_sort_warp .sort_warp .sort_item.data-v-07e72d3c {
|
|
|
|
|
width: 18%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_sort_warp .sort_warp .sort_item_title.data-v-07e72d3c {
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 22rpx;
|
|
|
|
|
color: #333333;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp.data-v-07e72d3c {
|
|
|
|
|
margin-top: 162rpx;
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_comm.data-v-07e72d3c {
|
|
|
|
|
border-radius: 30rpx;
|
|
|
|
|
padding: 10rpx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .yx_warp.data-v-07e72d3c {
|
|
|
|
|
background: linear-gradient(0deg, #FF3D3A, #FF8830);
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hx_warp.data-v-07e72d3c {
|
|
|
|
|
background: linear-gradient(0deg, #2C2B2D, #4D403A);
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_title.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 10rpx 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_title_z.data-v-07e72d3c {
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
margin-right: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_title_left.data-v-07e72d3c {
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_title_f.data-v-07e72d3c {
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
margin-left: 10rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content.data-v-07e72d3c {
|
|
|
|
|
background-color: #FFFFFF;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
border-radius: 24rpx;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content .product_item.data-v-07e72d3c {
|
|
|
|
|
width: 32%;
|
|
|
|
|
border-radius: 16rpx;
|
|
|
|
|
position: relative;
|
2025-03-23 20:36:06 +08:00
|
|
|
margin-right: 20rpx;
|
2025-03-20 08:46:07 +08:00
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content .product_f_item.data-v-07e72d3c {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
width: calc(100% - 40rpx);
|
|
|
|
|
height: 66rpx;
|
|
|
|
|
background: #F5F5F5;
|
|
|
|
|
border-radius: 24rpx;
|
|
|
|
|
padding: 10rpx 20rpx;
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #000000;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content .product_f_item_name.data-v-07e72d3c {
|
|
|
|
|
width: 172rpx;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
/* 防止文本换行 */
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
/* 隐藏溢出的文本 */
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
/* 使用省略号表示溢出的内容 */
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content .product_f_item_price.data-v-07e72d3c {
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-radius: 10rpx;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
margin-top: 10rpx;
|
|
|
|
|
padding: 2rpx 0;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content .product_f_item_price_yx.data-v-07e72d3c {
|
|
|
|
|
background: #F92321;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .product_content .product_f_item_price_hx.data-v-07e72d3c {
|
|
|
|
|
background: #4D403A;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp.data-v-07e72d3c {
|
|
|
|
|
background: #FFFFFF;
|
|
|
|
|
border-radius: 30rpx;
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_title_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_title_warp .title_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_title_warp .title_.data-v-07e72d3c {
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
color: #111111;
|
|
|
|
|
margin-right: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_title_warp .good_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_title_warp .good__msg_warp.data-v-07e72d3c {
|
|
|
|
|
background: #FFF8F3;
|
|
|
|
|
/* border-radius: 18rpx; */
|
|
|
|
|
border-top: 2rpx solid #FF5E2F;
|
|
|
|
|
border-right: 2rpx solid #FF5E2F;
|
|
|
|
|
border-bottom: 2rpx solid #FF5E2F;
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #FF7A29;
|
|
|
|
|
padding: 4rpx 14rpx 4rpx 20rpx;
|
|
|
|
|
margin-left: -6px;
|
|
|
|
|
border-radius: 0rpx 18rpx 18rpx 0rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_title_warp .more_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #666666;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_content_warp.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_content_warp .hot_item.data-v-07e72d3c {
|
|
|
|
|
width: 24%;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_content_warp .hot_item_name.data-v-07e72d3c {
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
font-size: 24rpx;
|
|
|
|
|
color: #000000;
|
|
|
|
|
width: 160rpx;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
/* 防止文本换行 */
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
/* 隐藏溢出的文本 */
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
/* 使用省略号表示溢出的内容 */
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .hot_warp .hot_content_warp .hot_item_price.data-v-07e72d3c {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #FF7A29;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin-top: 10rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .business_school_warp.data-v-07e72d3c {
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
height: 150rpx;
|
|
|
|
|
background-image: url("data:image/png;base64,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
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
background-position: center;
|
|
|
|
|
/* 将图片居中显示 */
|
|
|
|
|
display: grid;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 0 30rpx;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .business_school_warp .title.data-v-07e72d3c {
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
font-size: 32rpx;
|
|
|
|
|
color: #0987F8;
|
|
|
|
|
}
|
|
|
|
|
.home_content_warp .business_school_warp .msg.data-v-07e72d3c {
|
|
|
|
|
font-size: 20rpx;
|
|
|
|
|
color: #666666;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
margin-top: 10rpx;
|
|
|
|
|
}
|