优化样式

vedio/page-subs/sub_A/book-long-content/components/catalogue-pop.vue

 <template>
-	<uni-popup ref='pop' type="left" maskClick="ture">
-		<scroll-view scroll-y style="background-color: white;width: 400rpx;max-width: 400rpx;">
+	<uni-popup ref='pop' type="left" :is-mask-click='false' :safe-area='false'>
+		<scroll-view scroll-y style="background-color: white;width: 400rpx;max-width: 400rpx;height: 100%;">
 			<view class="setting-box">
 				<block v-for='(item, index) in catalogueList' :key='index' :item='item'>
 					<view @click="changeCatalogue(item.chapterNum)">

vedio/page-subs/sub_A/book-long-content/components/detail-content-chapter.vue

@@ -19,8 +19,8 @@
 				{{limitButtonTitle}}
 			</view>
 
-			<view style="height: 120rpx;"> </view>
-
+			<view style="height: 150rpx;"> </view>
+			<view class="safe-placeholder" :style="[safePlacehoderStyle]"> </view>
 		</template>
 	</view>
 </template>
@@ -131,7 +131,16 @@
 			},
 			isHasContent: function() {
 				return this.contentSources.length > 0
+			},
+			safePlacehoderStyle: function() {
+				let height = 0;
+				if (this.bottomSafeHeight) {
+					height = height + px2rpx(this.bottomSafeHeight)
 				}
+				return {
+					height: `${height}rpx`
+				}
+			},
 		},
 		methods: {
 			// 文章数据刷新
@@ -251,7 +260,7 @@
 			padding: 0 100rpx;
 
 			text {
-				background-color: #fff;
+				background-color: cornsilk;
 				color: black;
 				border-radius: 10rpx;
 				padding: 16rpx 20rpx;
@@ -261,9 +270,9 @@
 
 		.limit-button-box {
 			text-indent: 0;
-			height: 80rpx;
+			height: 50rpx;
 			margin-bottom: 20rpx;
-			line-height: 80rpx;
+			line-height: 50rpx;
 			text-align: center;
 			color: goldenrod;
 			font-size: 28rpx;

vedio/page-subs/sub_A/book-search/components/search-placeholder-section.vue

@@ -13,11 +13,13 @@
 				<view class="ele-empty" v-if='showEmpty'>
 					{{emptyTitle}}
 				</view>
+				<!-- <scroll-view scroll-x v-else> -->
 				<view class="ele-box" v-else>
 					<view class="ele" v-for='(item, index) in itemSource' :key="index" @click="tapEle(item, index)">
 						{{itemKey?item[itemKey]:item}}
 					</view>
 				</view>
+				<!-- </scroll-view> -->
 			</slot>
 		</view>
 	</view>
@@ -117,6 +119,8 @@
 				display: flex;
 				flex-direction: row;
 				padding-left: 15rpx;
+				flex-wrap: wrap;
+				overflow: auto;
 
 				.ele {
 					margin: 15rpx 0;

vedio/page-subs/sub_A/book-search/components/search-result.vue

@@ -79,7 +79,7 @@
 				})
 			},
 			tapItem(e, index) {
-				gotoBookContentPage(e.detail.data.id, e.detail.data.id)
+				gotoBookContentPage(e.detail.data.id, e.detail.data.shortis)
 			},
 		}
 	}