虚拟仿真资产库

components/home/simulationLibrary.vue

@@ -0,0 +1,93 @@
+<template>
+	<view class="s_container">
+		<image src="../../assets/home/homeBG.png" class="s_logo" mode=""></image>
+		<view class="s_content_container">
+			<view class="s_search" style="">
+				<input type="text" value="" class="s_search_input" placeholder="请输入搜索内容" />
+				<button type="warn" size="mini" class="s_btn_search">搜索</button>
+			</view>
+			<view class="s_search_condition">
+			
+			<select name="" id="">
+				<option value="">项目类型</option>
+			</select>
+			</view>
+		</view>
+
+		<view class="s_footer" style="text-align: center;padding: 80rpx;">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "simulationLibrary",
+		data() {
+			return {
+
+			}
+		},
+		created() {
+
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.s_container {
+		width: 100%;
+		height: 100%;
+	}
+
+	.s_logo {
+		width: 100%;
+		height: 400rpx;
+	}
+
+
+
+
+	.m_btn_download {
+		height: 80rpx;
+		line-height: 80rpx;
+		padding: 0 70rpx;
+		background: #EA252C;
+		color: #fff;
+		font-family: MicrosoftYaHei;
+	}
+
+	.s_content_container {
+		padding: 40rpx 100rpx;
+
+		.s_search {
+			display: flex;
+			justify-content: space-between;
+
+			.s_search_input {
+				border: 2rpx solid #DDDDDD;
+				width: 100%;
+				height: 80rpx;
+				line-height: 80rpx;
+				padding: 0 40rpx;
+				border-radius: 10rpx;
+				font-size: 20rpx;
+			}
+
+			.s_btn_search {
+				width: 130rpx;
+				height: 80rpx;
+				line-height: 80rpx;
+				margin-left: 20rpx;
+			}
+		}
+
+		.s_search_condition {
+			background-color: #F9F9F9;
+			height: 100rpx;
+			width: 100%;
+		}
+	}
+</style>