/* 小程序首页样式 */ .home-container { height: 100vh; overflow-y: auto; background: url('https://sit-kelamayi.4dage.com/mini/wxImg/bg.png') no-repeat center top; background-size: 100% auto; } .home-not-overflow { overflow: hidden; } /* 轮播图区域 */ .carousel-section { width: 100%; margin-bottom: 30rpx; } .nobanner-data{ display: flex; justify-content: center; align-items: center; height: 100rpx; color: #999; } .carousel-swiper { height: 360rpx; } .carousel-img { width: 100%; height: 100%; } /* 功能区域 */ .function-section { display: flex; justify-content: space-around; border-radius: 16rpx; margin: 0 30rpx 40rpx; } .function-item { display: flex; flex-direction: column; align-items: center; width: 22%; } .function-item-disabled { opacity: 0.5; } .function-icon { width: 112rpx; height: 112rpx; margin-bottom: 10rpx; } .function-icon-disabled { filter: grayscale(100%); } .function-text { font-size: 32rpx; color: #B1967B; } .function-text-disabled { color: #999; } /* 通用区块样式 */ .section { margin: 0 30rpx 0; border-radius: 16rpx; padding: 8rpx 20rpx; } .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx; } .section-title { font-size: 40rpx; font-weight: bold; color: #584735; position: relative; padding-left: 20rpx; } .view-more { font-size: 28rpx; color: #79ACF9; } /* 空数据状态 */ .empty-data { display: flex; justify-content: center; align-items: center; height: 200rpx; } .empty-text { font-size: 32rpx; color: #999; } /* 展览资讯 */ .news-item { position: relative; margin-bottom: 20rpx; border-radius: 10rpx; height: 212rpx; overflow: hidden; } .news-img { width: 100%; height: 212rpx; } .news-content { position: absolute; top: 0; width: 100%; height: 212rpx; background: linear-gradient(90deg, rgba(177, 150, 123, 0) 0%, #B1967B 100%); } .news-title { width: 300rpx; text-align: right; font-size: 32rpx; font-weight: 800; margin: 32rpx; float: right; color: #FFFFFF; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-desc { position: absolute; bottom: 16rpx; right: 32rpx; font-size: 50rpx; color: #fff; /* transform: rotate(-90deg) scale(1, -1); */ } /* 滚动容器 */ .scroll-container { white-space: nowrap; } .scroll-wrapper { display: inline-flex; padding-bottom: 10rpx; } /* 展览项 */ .exhibition-item { position: relative; flex: 0 0 auto; width: 654rpx; height: 412rpx; margin-right: 20rpx; border-radius: 16rpx; overflow: hidden; } .exhibition-item:last-child { margin-right: 0; } .exhibition-img { width: 100%; height: 412rpx; } .exhibition-info { width: 690rpx; height: 60rpx; display: flex; justify-content: center; align-items: center; opacity: 0.8; position: absolute; bottom: 0; background: #B1967B; } .exhibition-title { font-size: 32rpx; color: #fff; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 活动项 */ .activity-item { flex: 0 0 auto; width: 216rpx; margin-right: 20rpx; border-radius: 16rpx; overflow: hidden; } .activity-item:last-child { margin-right: 0; } .active-top { position: relative; width: 216rpx; height: 248rpx; border-radius: 16rpx; overflow: hidden; } .active-go { display: flex; justify-content: center; align-items: center; width: 32rpx; height: 32rpx; position: absolute; bottom: 8rpx; right: 16rpx; border: 2rpx solid #FCE39E; border-radius: 50%; color: #FCE39E; font-size: 24rpx; } .activity-img { width: 216rpx; height: 248rpx; } .activity-info { padding: 16rpx; } .activity-title { font-size: 24rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #584735; }