<template>
	<view class="content">
		<view style="padding-top: 20px;">
			<view class="top">
				<text class="Order">证书编号:</text><input
					style="border: 1px solid #dcdee0;border-radius: 5px;padding: 4px 7px;width: 240px;" type="text"
					value="" placeholder="请输入证书编号" @input="HaveOrder" />
			</view>
		</view>
		<view class="BtnBox" @click="confrim">
			<text class="ok">确认</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Order: ''
			}
		},
		methods: {
			HaveOrder(e) {
				this.Order = e.detail.value
			},
			//确认
		     confrim(){
				 
			 }
		}
	}
</script>

<style>
	.top {
		display: flex;
		height: 58px;
		align-items: center;
		margin: 0 16px 63px 16px;
	}

	.Order {
		color: #323233;
		font-size: 34rpx;
		font-weight: bold;
	}

	.content {
		background-color: #F2F3F5;
		height: 100vh;
	}

	.BtnBox {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 96rpx;
		background: #1d4582;
		border-radius: 16rpx;
		margin: 0 92px;
	}

	.ok {
		color: #FFFFFF;
		font-size: 36rpx;
	}
</style>