添加 详情页 div 撑起 高度
This commit is contained in:
@@ -121,6 +121,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 280px;
|
height: 280px;
|
||||||
|
|
||||||
|
|
||||||
.districtContent {
|
.districtContent {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: stretch; // 让子元素高度一致
|
align-items: stretch; // 让子元素高度一致
|
||||||
@@ -130,6 +131,7 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
gap: 0;
|
gap: 0;
|
||||||
flex: 1; // 占满父容器剩余空间
|
flex: 1; // 占满父容器剩余空间
|
||||||
|
|
||||||
overflow: hidden; // 确保子元素不会超出圆角
|
overflow: hidden; // 确保子元素不会超出圆角
|
||||||
|
|
||||||
.districtTitleBox {
|
.districtTitleBox {
|
||||||
@@ -172,6 +174,7 @@
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
height: 290px;
|
height: 290px;
|
||||||
|
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
|
|
||||||
@@ -180,7 +183,8 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
gap: 0;
|
gap: 0;
|
||||||
padding: 0;
|
padding: 0px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
|
||||||
.districtItem {
|
.districtItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -227,6 +231,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
|
||||||
.quickItem {
|
.quickItem {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -213,6 +213,8 @@ function Index() {
|
|||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles["detail-page-bg"]} style={backgroundImage} />
|
<View className={styles["detail-page-bg"]} style={backgroundImage} />
|
||||||
|
|
||||||
|
<View style={{ paddingTop: `${totalHeight }px` }}> </View>
|
||||||
{/* swiper */}
|
{/* swiper */}
|
||||||
<Carousel detail={detail} />
|
<Carousel detail={detail} />
|
||||||
{/* content */}
|
{/* content */}
|
||||||
|
|||||||
Reference in New Issue
Block a user