yichael_zhongchuan_manager/components/home/simulationLibrary.vue

<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>