xcx_temp/pages/home/home.wxss
2023-11-19 17:37:26 +08:00

166 lines
2.9 KiB
Plaintext

page {
box-sizing: border-box;
padding-bottom: calc(env(safe-area-inset-bottom) + 96rpx);
}
.t-tabs.t-tabs--top .t-tabs__scroll {
border-bottom: none !important;
}
.home-page-header {
background: linear-gradient(#fff, #f5f5f5);
}
.home-page-container {
background: #f5f5f5;
}
.home-page-container,
.home-page-header {
display: block;
padding: 0 24rpx;
}
.home-page-header .t-search__input-container {
background-color: #ffffff;
border-radius: 32rpx !important;
height: 64rpx !important;
}
.home-page-header .t-search__input {
font-size: 28rpx !important;
color: rgb(116, 116, 116) !important;
}
.home-page-header .swiper-wrap {
margin: 20rpx 0;
}
.home-page-header .t-image__swiper {
width: 100%;
height: 300rpx;
border-radius: 10rpx;
}
.home-page-container .t-tabs {
background: #f5f5f5 !important;
}
.home-page-container .t-tabs .t-tabs-nav {
background-color: transparent;
line-height: 80rpx;
font-size: 28rpx;
color: #333;
}
.home-page-container .t-tabs .t-tabs-scroll {
border: none !important;
}
/* 半个字 */
.home-page-container .tab.order-nav .order-nav-item.scroll-width {
min-width: 165rpx;
}
.home-page-container .tab .order-nav-item.active {
color: #fa550f !important;
}
.home-page-container .tab .bottom-line {
border-radius: 4rpx;
}
.home-page-container .tab .order-nav-item.active .bottom-line {
background-color: #fa550f !important;
}
.home-page-container .tabs-external__item {
/* color: #666 !important; */
font-size: 28rpx;
}
.home-page-container .tabs-external__active {
color: #333333 !important;
font-size: 32rpx;
}
.home-page-container .tabs-external__track {
/* background-color: #fa4126 !important; */
height: 6rpx !important;
border-radius: 4rpx !important;
width: 48rpx !important;
}
.t-tabs.t-tabs--top .t-tabs__item,
.t-tabs.t-tabs--bottom .t-tabs__item {
height: 86rpx !important;
}
.home-page-container .goods-list-container {
background: #f5f5f5 !important;
margin-top: 16rpx;
}
.home-page-tabs {
--td-tab-nav-bg-color: transparent;
--td-tab-border-color: transparent;
--td-tab-item-color: #666;
--td-tab-track-color: red;
}
.notice-container {
margin: 20rpx 0;
}
.notice-bar {
align-items: center !important;
}
.notice-bar .t-notice-bar__content {
color: #666 !important;
}
.notice-title {
font-size: 28rpx;
display: flex;
align-items: center;
}
.notice-icon {
margin-right: 10rpx;
}
.popular-wrap {
padding-top: 15rpx;
padding-bottom: 24rpx;
}
.search-content {
overflow: hidden;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
margin-top: 24rpx;
}
.search-item {
color: #333333;
font-size: 24rpx;
line-height: 32rpx;
font-weight: normal;
margin-right: 24rpx;
/* margin-bottom: 24rpx; */
background: white;
border-radius: 38rpx;
padding: 15rpx 24rpx;
}
.hover-history-item {
position: relative;
top: 3rpx;
left: 3rpx;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset;
}