<template>
	<section class="fault-analysis"></section>
</template>

<script>
// import { mapState } from "vuex";

export default {
	name: "FaultAnalysis",
	props: {},
	components: {},
	data() {
		return {};
	},
	computed: {
		// ...mapState(["kilnWaterIn", "waterInTemp"]),
	},
};
</script>

<style scoped lang="scss">
@import "../../assets/styles/functions";

section {
	width: 1920px;
	height: 1080px;
	position: absolute;
	// top: 452px;
	top: 490px;
	left: 0;
  background: #ccc3;
}

section::before {
	content: "缺陷分析";
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC,
		Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei,
		"微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 80px;
	font-weight: 400;
	letter-spacing: 1px;
	color: $main-color;
	position: absolute;
	top: -128px;
	left: 0;
}

section::after {
	content: "";
  display: inline-block;
  width: 110%;
  height: 100%;
	position: absolute;
	top: -128px;
	left: 0;
	background: url("../../assets/fault-analysis.png") no-repeat;
  background-position: 356px 20px;
  background-size: 78%;
}
</style>
