456

xs-app/pages/bookdetails/bookdetails-bookBrief.vue

@@ -0,0 +1,15 @@
+<template>
+	<view class="bookBrief_content">
+		简介
+	</view>
+</template>
+
+<script setup lang="ts">
+	
+</script>
+
+<style lang="scss">
+	.bookBrief_content{
+		
+	}
+</style>

xs-app/pages/bookdetails/bookdetails-bookInfo.vue

@@ -0,0 +1,15 @@
+<template>
+	<view class="bookInfo_content">
+		信息
+	</view>
+</template>
+
+<script setup lang="ts">
+	
+</script>
+
+<style lang="scss">
+	.bookInfo_content{
+		
+	}
+</style>

xs-app/pages/bookdetails/bookdetails.vue

@@ -1,5 +1,7 @@
 <template>
-	<view>
+	<bookInfo></bookInfo>
+	<bookBrief></bookBrief>
+	<!-- <view>
 		书名: {{ book_data.book_name }}
 	</view>
 	<view class="">
@@ -12,11 +14,14 @@
 		<view @click="clickBookshelf" style="width: 40%; height: 50px; background-color: red;">
 			{{ is_on_bookshelf?'移除书架':'加入书架' }}
 		</view>
-	</view>
+	</view> -->
 	
 </template>
 
 <script setup lang="ts">
+	import bookInfo from '../bookdetails/bookdetails-bookInfo.vue'
+	import bookBrief from '../bookdetails/bookdetails-bookBrief.vue'
+	
     import { getCurrentInstance, onMounted, ref } from 'vue';
     import { config } from '../../config/config';
     import { http } from '../../framework/http';

xs-app/pages/bookstore/bookstore.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="content" :style="{paddingTop: content_paddingTop + 'px'}">
+		<view class="content__bg-color"></view>
 		<view class="content__container" v-for="(item,index) in data_list" :key="index">			
 			<templateSearch v-if="item.template_type==config.template_stype.SEARCH" ></templateSearch>
 			<templateBanner v-if="item.template_type==config.template_stype.BANNER" :templateData='item' @clickBook='clickBook'></templateBanner>
@@ -73,7 +74,7 @@
 
 <style>
 	page {
-		background-image: linear-gradient(to bottom, #fcd9e0, #ffffff);
+		/* background-image: linear-gradient(to bottom, #fcd9e0, #ffffff); */
 	}
 </style>
 
@@ -83,9 +84,18 @@
 		flex-direction: column;
 		width: 100%;
 			   
+		&__bg-color {
+			position: fixed; 
+			width: 100%;
+			height: 100%; 
+			left: 0; 
+			top: 0; 
+			background-image: linear-gradient(to bottom, #fcd9e0, #ffffff);
+		}	   
 		&__container{
 			display: flex;
 			flex-direction: column;
+			z-index: 10;
 		}
 	}
 </style>