logo添加返回首页

大唐会议前台1/App.vue

@@ -30,6 +30,27 @@
 		font-size: 16px;
 	}
 
+	.view-backimg {
+		position: fixed;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		z-index: -1;
+
+		.view-backimg-top {
+			height: 50vh;
+			background-image: url('./imgs/bg-top.png');
+			background-size: 100% 100%;
+		}
+
+		.view-backimg-bottom {
+			height: 50vh;
+			background-image: url('./imgs/left.png');
+			background-size: 100% 100%;
+		}
+	}
+
 	/deep/.u-toast__content__text--error,
 	/deep/.u-toast__content__text--success {
 		max-width: 500px !important;
@@ -37,7 +58,7 @@
 
 	.logo {
 		width: 500px;
-		position: fixed;
+		position: fixed !important;
 		left: 16px;
 		top: 16px;
 	}

大唐会议前台1/pages/components/MeetingList.vue

@@ -86,6 +86,9 @@
 </script>
 
 <style lang="scss" scoped>
+	.view-li{
+		padding-left: 10px;
+	}
 	.view-pdf {
 		margin: 16px 0;
 		padding: 16px;
@@ -159,13 +162,13 @@
 
 	.li-item {
 		uni-view {
-			font-size: 18px;
-			line-height: 26px;
+			font-size: 20px;
+			line-height: 40px;
 		}
 
 		.li-title {
 			font-size: 20px;
-			font-weight: bold;
+			//font-weight: bold;
 			line-height: 30px;
 		}
 	}

大唐会议前台1/pages/index/details.vue

@@ -1,28 +1,23 @@
 <template>
 	<view class="box">
-		<image class="logo" src='../../imgs/logo.png' alt="" mode="widthFix"></image>
+		<image class="logo" src='../../imgs/logo.png' alt="" mode="widthFix" @click="handleLogo"></image>
 		<view class="box-cent">
 			<view class="box-cent1">
 				<view class="view-box">
-					<span class="view-title"> {{listData.title}}</span>
+					<view style="text-align: center;">
+						<span class="view-title"> {{listData.title}}</span>
+					</view>
 					<view class="view-ul">
-						<!-- <view class="view-li" v-for="(item, index) in listData.infos" :key="index"
-							>
-							<view v-if="item.type == 'title'"> 
-								<view>{{item.title}}</view>
-							</view>
-							<view v-if="item.type == 'file-pdf'">
-								<view>{{item.filePdfName}}</view>
-							</view>
-							<view v-if="item.type == 'richtext'">
-								<view>{{item.richtext}}</view>
-							</view>
-						</view> -->
 						<MeetingList :infos='listData.infos'></MeetingList>
 					</view>
 				</view>
 			</view>
 		</view>
+	<!-- 底部背景图 -->
+	<view class="view-backimg">
+		<view class="view-backimg-top"></view>
+		<view class="view-backimg-bottom"></view>
+	</view>
 	</view>
 </template>
 
@@ -53,6 +48,12 @@
 			this.getMeetingDetails(curParam.id) //获取会议列表
 		},
 		methods: {
+			// logo 回到首页
+			handleLogo(){
+				uni.navigateTo({
+					url: `/pages/index/index`,
+				});
+			},
 			// 查看详情
 			handleItemClaick(_item) {
 				// enable false 不可查看详情
@@ -85,6 +86,9 @@
 </script>
 
 <style lang="scss" scoped>
+	.view-box{
+		margin-top:50px ;
+	}
 	.view-ul {
 		text-align: left;
 		margin-bottom: 16px;
@@ -100,7 +104,7 @@
 		display: inline-block;
 		border: 1px solid #000;
 		padding: 0 14px;
-		margin-bottom: 16px;
+		margin-bottom: 30px;
 		line-height: 50px;
 		border-radius: 6px;
 		font-size: 20px;
@@ -110,7 +114,7 @@
 	.box {
 		height: 100vh;
 		box-sizing: border-box;
-		padding: 20px;
+		padding: 20px 100px;
 		display: flex;
 		flex-direction: column;
 

大唐会议前台1/pages/index/index.vue

@@ -1,20 +1,28 @@
 <template>
 	<view class="box">
-		<image class="logo" src='../../imgs/logo.png' mode="widthFix"></image>
+		<image class="logo" src='../../imgs/logo.png' mode="widthFix" @click="handleLogo"></image>
 		<view class="box-cent">
 			<view class="box-cent1">
 				<view class="view-box" v-for="(item, index) in listData" :key="index">
-					<span class="view-title"> {{item.dateTitle}}</span>
+					<view style="text-align: center;">
+						<span class="view-title"> {{item.dateTitle}}</span>
+					</view>
 					<view class="view-ul">
 						<view class="view-li" v-for="(row, rind) in item.meetingList" :key="rind"
-							@click="handleItemClaick(item,row)">
-							{{rind + 1}}. {{row.title}}
+							>
+							<span @click="handleItemClaick(item,row)">{{rind + 1}}. {{row.title}}</span>
 						</view>
 					</view>
 				</view>
 				<view v-if="!listData.length" class="view-none"> 暂无会议 </view>
 			</view>
 		</view>
+		<!-- 底部背景图 -->
+		<view class="view-backimg">
+			<view class="view-backimg-top"></view>
+			<view class="view-backimg-bottom"></view>
+		</view>
+		
 	</view>
 </template>
 
@@ -36,6 +44,12 @@
 			this.getQueryMeeting() //获取会议列表
 		},
 		methods: {
+			// logo 回到首页
+			handleLogo(){
+				uni.navigateTo({
+					url: `/pages/index/index`,
+				});
+			},
 			// 查看详情
 			handleItemClaick(_item, _row) {
 				// enable false 不可查看详情
@@ -65,6 +79,10 @@
 </script>
 
 <style lang="scss" scoped>
+	.view-box{
+		margin-top:50px ;
+	}
+	
 	.view-none{
 		height: 100%;
 		display: flex;
@@ -77,8 +95,11 @@
 		margin-bottom: 16px;
 
 		.view-li {
-			font-size: 18px;
-			line-height: 26px;
+			span{
+				font-size: 20px;
+				line-height: 40px;
+			}
+			
 		}
 	}
 
@@ -86,7 +107,7 @@
 		display: inline-block;
 		border: 1px solid #000;
 		padding: 0 14px;
-		margin-bottom: 16px;
+		margin-bottom: 30px;
 		line-height: 50px;
 		border-radius: 6px;
 		font-size: 20px;
@@ -95,8 +116,9 @@
 
 	.box {
 		height: 100vh;
+		background-size: cover;
 		box-sizing: border-box;
-		padding: 20px;
+		padding: 20px 100px;
 		display: flex;
 		flex-direction: column;