/* pages/homePage/index.wxss */
|
@import '../../styles/public_components.wxss';
|
|
.radius {
|
border-radius: var(--border-radius-card);
|
}
|
|
.pre {
|
font-size: 28rpx;
|
line-height: 1.5;
|
}
|
|
.swiper {
|
height: 300rpx;
|
}
|
|
.swiper-main-image {
|
position: relative;
|
height: 100%;
|
width: 100%;
|
}
|
|
.swiper-item {
|
height: 100%;
|
width: 100%;
|
}
|
|
.swiper-item1 {
|
position: absolute;
|
top: 60px;
|
left: 10px;
|
height: 42px;
|
}
|
|
.swiper-item2 {
|
position: absolute;
|
top: 72rpx;
|
left: 20px;
|
width: 200px;
|
height: 61px;
|
}
|
|
.homePage-main {
|
height: 100vh;
|
background-color: #EFF8FF;
|
}
|
|
.main {
|
padding: 16rpx var(--padding-my);
|
}
|
|
.main_title {
|
padding: var(--padding-my) 0 24rpx;
|
font-size: 32rpx;
|
line-height: 48rpx;
|
}
|
|
.main_subTitle {
|
font-size: 32rpx;
|
line-height: 48rpx;
|
}
|
|
.main_color {
|
color: var(--main-color);
|
}
|
|
.flex {
|
display: flex;
|
gap: 30rpx;
|
|
}
|
|
.home-image {
|
width: 112rpx;
|
height: 100rpx;
|
position: absolute;
|
right: 10rpx;
|
bottom: 0;
|
}
|
|
.flex_1 {
|
flex: 1;
|
color: #fff;
|
padding: 12px;
|
border-radius: 4px;
|
display: flex;
|
justify-content: space-between;
|
position: relative;
|
align-items: center;
|
}
|
|
.flex_2 {
|
flex: 1;
|
padding: 12px;
|
border-radius: 4px;
|
display: flex;
|
gap: 16rpx;
|
}
|
|
.flex_2_image {
|
width: 166rpx;
|
height: 100rpx;
|
}
|
|
.flex_2_image1 {
|
width: 96rpx;
|
height: 96rpx;
|
}
|
|
.flex_dt {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
.flex_zy_title {
|
color: rgba(23, 26, 29, 0.60);
|
font-size: 28rpx;
|
white-space: nowrap;
|
}
|
|
.flex_num {
|
font-family: DingTalk;
|
color: var(--main-color);
|
font-size: 20px;
|
line-height: 28px;
|
}
|
|
.flex_dt_more {
|
color: rgba(26, 111, 184, 0.60);
|
display: flex;
|
align-items: center;
|
}
|
|
.flex_dt_more_img {
|
width: 14px;
|
height: 14px;
|
}
|
|
.dt_card {
|
border-radius: 2px;
|
background-color: #fff;
|
display: flex;
|
justify-content: space-between;
|
padding: 8px 12px;
|
}
|
|
.dt_card_l {
|
flex: 2;
|
}
|
|
.dt_card_time {
|
color: rgba(23, 26, 29, 0.40);
|
}
|
|
.dt_card_r {
|
flex: 1;
|
width: 184rpx;
|
height: 136rpx;
|
}
|
|
.dt_card_r image {
|
width: 100%;
|
height: 100%;
|
}
|
|
.dt_card_title {
|
margin-bottom: 4px;
|
}
|
|
.flex_blue {
|
height: 80rpx;
|
background: linear-gradient(90deg, #5fa6d4, #3a8ac6 50%, #1a6fb8 100%);
|
}
|
|
.flex_orange {
|
height: 80rpx;
|
background: linear-gradient(90deg, #ffa940, #fa8c16 50%, #ef6c24 100%);
|
}
|
|
.flex_green {
|
background: linear-gradient(90deg, #36cfc9, #13c2c2 50%, #08979c 100%);
|
}
|
|
.marginTop_12 {
|
margin-top: 24rpx;
|
}
|
|
.mediate {
|
height: 92rpx;
|
background-color: #fff;
|
border-radius: 4px;
|
display: flex;
|
align-items: center;
|
padding: 0 32rpx;
|
justify-content: space-between;
|
margin: 0 32rpx;
|
}
|
|
.swiper-head {
|
position: absolute;
|
width: 100%;
|
z-index: 1;
|
bottom: -64rpx;
|
}
|
|
.mediate-image {
|
height: 140rpx;
|
width: 100%;
|
}
|
|
.message-bg {
|
height: 24rpx;
|
padding: 16rpx;
|
background-color: #ffffff;
|
margin-top: 16rpx;
|
border-radius: 10rpx;
|
}
|
|
.message {
|
height: 24rpx;
|
font-size: 24rpx;
|
line-height: 24rpx;
|
display: flex;
|
align-items: center;
|
}
|
|
.message-content {
|
flex: 1;
|
overflow: hidden;
|
padding-right: 8rpx;
|
}
|
|
.message-item {
|
display: flex;
|
align-items: center;
|
}
|
|
.message-item:last-child {
|
margin-bottom: 0;
|
}
|
|
.message-item-round {
|
width: 12rpx;
|
height: 12rpx;
|
border-radius: 50%;
|
background-color: #000000;
|
}
|
|
.message-item-text {
|
flex: 1;
|
padding: 0 16rpx;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}
|
|
.message-item-time {
|
color: rgba(0, 0, 0, 0.5);
|
}
|
|
.resources {
|
background-color: #ffffff;
|
margin-top: 16rpx;
|
padding: 16rpx;
|
}
|
|
.item-resources {
|
display: flex;
|
overflow-x: auto;
|
margin: 0 -12rpx;
|
}
|
|
.item-resources-item-bg {
|
min-width: 33%;
|
max-width: 33%;
|
overflow: hidden;
|
}
|
|
.item-resources-item {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
padding: 32rpx 0 16rpx;
|
}
|
|
.item-resources-num {
|
font-size: 24rpx;
|
padding: 8rpx 0;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
width: 100%;
|
text-align: center;
|
}
|
|
.item-resources-title {
|
font-size: 24rpx;
|
margin-bottom: 12rpx;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
width: 100%;
|
text-align: center;
|
}
|
|
.item-resources-image {
|
height: 80rpx;
|
width: 80rpx;
|
}
|
|
.item-resources-btn {
|
font-size: 24rpx;
|
padding: 8rpx;
|
border: 1rpx solid;
|
border-radius: 21rpx;
|
line-height: 24rpx;
|
}
|
|
.itemTitle {
|
display: flex;
|
align-items: center;
|
color: var(--main-color);
|
font-weight: 600;
|
}
|
|
.itemTitle-image {
|
width: 28rpx;
|
height: 28rpx;
|
margin-right: 16rpx;
|
}
|
|
.item-video {
|
height: 132rpx;
|
width: 184rpx;
|
border-radius: 4rpx;
|
}
|
|
.item-cell-group {
|
background-color: #ffffff;
|
margin-top: 16rpx;
|
padding: 16rpx 16rpx 0;
|
}
|
|
.item-cell-video {
|
display: flex;
|
align-items: center;
|
}
|
|
.item-cell {
|
padding: 24rpx 0;
|
border-bottom: 2rpx solid rgba(0, 0, 0, 0.03);
|
}
|
|
.item-cell:last-child {
|
border: none;
|
}
|
|
.item-cell-content {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
flex: 1;
|
padding-right: 66rpx;
|
}
|
|
.item-cell-text {
|
margin-top: 24rpx;
|
font-size: 24rpx;
|
line-height: 40rpx;
|
color: #c8c9cc;
|
display: flex;
|
}
|
|
.van-cell-group--inset {
|
margin: 0 !important;
|
border-radius: 8rpx !important;
|
}
|
|
.popup-scroll {
|
height: 800rpx;
|
width: 600rpx;
|
padding: 24rpx;
|
background-color: #ffffff;
|
}
|
|
.popup-button {
|
padding: 0 64rpx 24rpx;
|
}
|
|
.popup-button-no {
|
font-size: 28rpx;
|
text-align: center;
|
padding: 24rpx 0 0;
|
text-decoration: underline;
|
}
|
|
.homePage-popupMsg {
|
padding: 32rpx;
|
}
|
|
.homePage-popupMsg-realNamePng {
|
width: 340rpx;
|
height: 300rpx;
|
position: relative;
|
left: 50%;
|
margin-left: -170rpx;
|
}
|
|
.homePage-popupMsg-content-item {
|
display: flex;
|
align-items: center;
|
margin-bottom: 16rpx;
|
}
|
|
.homePage-popupMsg-content-item:last-child {
|
margin-bottom: 0;
|
}
|
|
.homePage-popupMsg-content-itemImg {
|
width: 100rpx;
|
height: 100rpx;
|
}
|
|
.homePage-popupMsg-content-itemTitle {
|
flex: 1;
|
padding-left: 16rpx;
|
}
|
|
.homePage-popupMsg-subTitle {
|
margin-bottom: 32rpx;
|
}
|
|
.homePage-popupMsg-button {
|
padding: 32rpx 0;
|
margin: 0 32rpx;
|
border-top: 2rpx solid var(--border-color);
|
}
|
|
.AiModal {
|
display: flex;
|
background-color: #fff;
|
flex-direction: column;
|
margin: 120rpx 94rpx 0;
|
padding: 24rpx 40rpx;
|
align-items: center;
|
border-radius: 8px;
|
}
|
|
.AiModal image {
|
width: 264rpx;
|
height: 352rpx;
|
margin-bottom: 20rpx;
|
}
|
|
.AiModal-search {
|
position: absolute;
|
top: 96rpx;
|
width: 100%;
|
z-index: 991;
|
}
|
|
.AiModal-title {
|
font-size: 34rpx;
|
line-height: 50rpx;
|
color: var(--main-color);
|
margin-bottom: 24rpx;
|
}
|
|
.AiModal-subTitle {
|
color: rgba(23, 26, 29, 0.60);
|
text-align: center;
|
margin-bottom: 24rpx;
|
}
|
|
.AiModal-button {
|
width: 100%;
|
}
|
|
.swiper {
|
padding: 32rpx;
|
}
|
|
.swiper-bg {
|
position: relative;
|
background: linear-gradient(106deg, #5fa6d4 0%, #1a6fb8 100%);
|
}
|
|
.swiper-bg::after {
|
content: '';
|
position: absolute;
|
width: 100%;
|
height: 20px;
|
border-radius: 100%;
|
background: inherit;
|
/*继承父级背景*/
|
bottom: 0;
|
left: 50%;
|
transform: translate(-50%, 50%);
|
}
|
|
.swiper-main {
|
position: absolute;
|
top: 0;
|
}
|
