<script setup>
	import {
		inject
	} from "vue";
	import html2canvas from 'html2canvas';
	import {
		blobToBase64,
		base64ToBlob
	} from '@/assets/js/blobtobase64';
	const getMapInstance = inject("getMapInstance");
	jt3d = getMapInstance();
</script>

<template>
	
</template>

<script>
	let jt3d = undefined;
	export default {
		data() {
			return {
				// viewersName: '', //视角标签名称
				// ImgurlList: [], //截图地址列表
			}
		},
		methods: {
			
		},

		mounted() {
			
		}
	}
</script>

<style lang="scss" scoped>
	.mainview {
		width: 100%;
		height: 100%;

		.header {
			width: 100%;
			display: flex;

			input,
			input:focus {
				outline: none;
				width: 185rem !important;
				border: 1rem solid rgba(255, 255, 255, 0.8);
				margin-right: 10rem;
				height: 26rem !important;
				color: rgba(255, 255, 255, 1);
				background-color: rgba(255, 255, 255, 0) !important;
				border-radius: 3rem;
			}
		}

		.middleviewer {
			width: 265rem;
			height: 100%;
			margin-left: 7rem;

			.viewer {
				width: 265rem !important;
				height: 196rem !important;
				margin-top: 15rem;
				border: 1rem solid #ffffff !important;
				border-radius: 1rem !important;

				.viewertop {
					width: 265rem !important;
					height: 166rem !important;

					img {
						width: 100% !important;
						height: 100% !important;
					}
				}

				.viewerbottom {
					line-height: 30rem !important;
					text-align: center !important;
					width: 265rem !important;
					height: 30rem !important;
					position: relative;
					background-color: rgba(15, 145, 185, 0.7);

					.deleteImg {
						width: 24rem;
						height: 24rem;
						right: 5rem;
						top: 3rem;
						position: absolute;
					}
				}
			}
		}
	}

	::v-deep .el-input {
		flex-grow: 0 !important;
		width: 200rem !important;
		// display: inline !important;
		// margin-left: 5rem;
		margin-right: 10rem;
		height: 30rem !important;
	}

	//输入框文字颜色
	::v-deep .el-input__inner {
		color: rgba(255, 255, 255, 1)
	}

	//输入框背景色
	::v-deep .el-input__wrapper {
		background-color: rgba(255, 255, 255, 0) !important;
	}

	::v-deep .el-button {
		border-radius: 3rem !important;

	}

	::v-deep .el-button--primary {
		background-color: rgba(64, 158, 255, 0.6) !important;
	}

	::-webkit-scrollbar {
		width: 0rem;
	}
</style>
