zzy + 样式修改

src/components/BridgeCategory.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_one">
-		<div class="title">
-			<span>桥梁类别</span>
-		</div>
+    <CommonTitle title="桥梁类别" />
 		<div class="content" id="chartTwo">
 			
 		</div>
@@ -18,33 +16,13 @@
 	import {
 		setEchartsBar,option2
 	} from '../echarts/option.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	onMounted(() => {
 		setEchartsBar(document.getElementById("chartTwo"))
 	})
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/BridgeHazards.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_three right_item">
-		<div class="title">
-			<span>桥梁隐患</span>
-		</div>
+    <CommonTitle title="桥梁隐患" />
 		<div class="content">
 			<div class="item center"  v-for="item in arr" :key="item.id">
 				<div :class="`left ${item.className}`">
@@ -35,6 +33,7 @@
 	import {
 		getSelectQlyhCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getSelectQlyhCount().then(res => {
@@ -81,27 +80,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/BuildingHeight.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_three">
-		<div class="title">
-			<span>建筑高度</span>
-		</div>
+    <CommonTitle title="建筑高度" />
 		<div class="content" id="chartFour">
 			
 		</div>
@@ -18,33 +16,13 @@
 	import {
 		setEchartsNSolidBar,NoffsetX,NoffsetY,NCubeLeft,NCubeRight,NCubeTop,nxAxisData,nSeriesData,nColorArr
 	} from '../echarts/option.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	onMounted(() => {
 		setEchartsNSolidBar(document.getElementById("chartFour"))
 	})
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/BuildingOverview.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="left_one">
-		<div class="title">
-			<span>建筑概览</span>
-		</div>
+		<CommonTitle title="建筑概览" />
 		<div class="content">
 			<div class="content_left">
 				<div class="detail">
@@ -76,6 +74,7 @@
 	import {
 		getSelectJzgsCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let obj = ref({})
 	let num = ref(0)
 	let arr = ref([
@@ -126,28 +125,6 @@
 </script>
 
 <style lang="scss" scoped>
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: 100% 100%;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
-	
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/DisasterHazards.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_two right_item">
-		<div class="title">
-			<span>供水管线沿线灾害隐患</span>
-		</div>
+    <CommonTitle title="供水管线沿线灾害隐患" />
 		<div class="content">
 			<div class="item center"  v-for="item in arr" :key="item.id">
 				<div :class="`left ${item.className}`">
@@ -35,6 +33,7 @@
 	import {
 		getSelectYxzhyhCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getSelectYxzhyhCount().then(res => {
@@ -55,27 +54,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/FloorsNumber.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_five">
-		<div class="title">
-			<span>建筑层数</span>
-		</div>
+    <common-title title="建筑层数" />
 		<div class="content">
 			<div class="item" v-for="(item,index) in arr" :key="index">
 				<div class="item_top">
@@ -33,6 +31,7 @@
 	import {
 		getSelectJzcsCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	let total = ref(0)
 	onMounted(() => {
@@ -55,27 +54,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/FortificationIntensity.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="left_five">
-		<div class="title">
-			<span>城镇房屋设防烈度</span>
-		</div>
+    <CommonTitle title="城镇房屋设防烈度"/>
 		<div class="content">
 			<div class="top">
 				<div class="left">
@@ -53,6 +51,7 @@
 	import {
 		getSelectCzfwsfldCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	let obj = ref({})
 	onMounted(() => {
@@ -94,28 +93,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
-	
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/HousingRisk.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="left_two">
-		<div class="title">
-			<span>房屋是否存在风险</span>
-		</div>
+    <CommonTitle title="房屋是否存在风险" />
 		<div class="content">
 			<div class="bg two_bg">
 				<div class="content_item item_left">
@@ -45,6 +43,7 @@
 	import {
 		getSelectFwsfczfxCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getSelectFwsfczfxCount().then(res => {
@@ -58,28 +57,6 @@
 </script>
 
 <style lang="scss" scoped>
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
-	
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/HousingSecurity.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="left_four">
-		<div class="title">
-			<span>农村房屋安全鉴定</span>
-		</div>
+    <CommonTitle title="农村房屋安全鉴定"  />
 		<div class="content">
 			<div id="chartOne">
 	
@@ -56,6 +54,7 @@
 	import {
 		getSelectNcfwAqjdCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	let obj = ref({})
 	let num = ref(0)
@@ -91,28 +90,6 @@
 </script>
 
 <style lang="scss" scoped>
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
-	
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/MunicipalFacilities.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_one">
-		<div class="title">
-			<span>市政设施类型</span>
-		</div>
+    <CommonTitle title="市政设施类型" />
 		<div class="content">
 			<div class="right_item" v-for="item in arr" :key="item.id">
 				<div class="item_top">
@@ -37,6 +35,7 @@
 	import {
 		getMunicipalFacilityTypes
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	let num = ref(0)
 	onMounted(() => {
@@ -60,29 +59,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		//margin-left: 20px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-
-
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-
-	}
-
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/PipelineLaying.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_four right_item">
-		<div class="title">
-			<span>供水管线敷设方式</span>
-		</div>
+    <CommonTitle title="供水管线敷设方式" />
 		<div class="content">
 			<div class="bg four_bg">
 				<div class="content_item item_left">
@@ -45,6 +43,7 @@
 	import {
 		getSelectFsfsCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getSelectFsfsCount().then(res => {
@@ -54,27 +53,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/PipelineRisk.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_five">
-		<div class="title">
-			<span>供水管线风险</span>
-		</div>
+    <CommonTitle title="供水管线风险" />
 		<div class="content">
 			<div class="item" v-for="item in arr" :key="item.id">
 				<div class="item_top">
@@ -30,6 +28,7 @@
 	import {
 		getSelectGsgxFxCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getSelectGsgxFxCount().then(res => {
@@ -39,28 +38,7 @@
 	
 </script>
 
-<style>
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
+<style lang="scss">
 	.center {
 		display: flex;
 		justify-content: flex-start;
@@ -83,13 +61,11 @@
 			box-sizing: border-box;
 			display: flex;
 			flex-wrap: wrap;
-			
 			.item{
 				width: 50%;
 				height: 40%;
 				box-sizing: border-box;
 				margin-top: 10px;
-				
 				.item_top{
 					width: 100%;
 					height: 23px;

src/components/RoadGrade.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="left_four">
-		<div class="title">
-			<span>道路等级</span>
-		</div>
+    <CommonTitle title="道路等级" />
 		<div class="content">
 			<div id="chartOne">
 	
@@ -56,6 +54,7 @@
 	import {
 		getSelectDldjCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	let num = ref(0)
 	onMounted(() => {
@@ -91,27 +90,6 @@
 </script>
 
 <style lang="scss" scoped>
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/RoadWarnings.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_two">
-		<div class="title">
-			<span>道路预警</span>
-		</div>
+    <CommonTitle title="道路预警" />
 		<div class="content">
 			<div class="item" v-for="item in arr" :key="item.id">
 				<div :class="`top center_center ${item.className1}`">
@@ -30,6 +28,7 @@
 	import {
 		getQueryRoadWarning
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getQueryRoadWarning().then(res => {
@@ -65,27 +64,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/RoadWidth.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_five">
-		<div class="title">
-			<span>道路路幅</span>
-		</div>
+    <CommonTitle title="道路路幅" />
 		<div class="content"  id="chartThree">
 			
 		</div>
@@ -18,33 +16,13 @@
 	import {
 		wid,offsetY,CubeLeft,CubeRight,CubeTop,barColor,barGridientColor,shadowColor,shadowBlur,renderItem,option3,setEchartsSolidBar
 	} from '../echarts/option.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	onMounted(() => {
 		setEchartsSolidBar(document.getElementById("chartThree"))
 	})
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/SeismicReinforcement.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="left_two">
-		<div class="title">
-			<span>抗震加固</span>
-		</div>
+    <CommonTitle title="抗震加固" />
 		<div class="content">
 			<div class="bg three_bg">
 				<div class="content_item item_left">
@@ -45,6 +43,7 @@
 	import {
 		getSelectKzjgCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	onMounted(() => {
 		getSelectKzjgCount().then(res => {
@@ -58,28 +57,6 @@
 </script>
 
 <style lang="scss" scoped>
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
-	
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/StructureType.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_one">
-		<div class="title">
-			<span>结构类型占比</span>
-		</div>
+    <CommonTitle title="结构类型占比" />
 		<div class="content">
 			<div class="right_item" v-for="item in arr1" :key="item.id">
 				<div class="item_top">
@@ -36,6 +34,7 @@
 	import {
 		getSelectJglxzbCount
 	} from '../service/http.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	let arr = ref([])
 	let num = ref(0)
 	onMounted(() => {
@@ -96,27 +95,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/components/StructureTypeStatistics.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="right_two">
-		<div class="title">
-			<span>各年代建筑结构类型统计</span>
-		</div>
+    <CommonTitle title="各年代建筑结构类型统计" />
 		<div class="content" id="chartFive">
 			
 		</div>
@@ -18,6 +16,7 @@
 	import {
 		setEchartsSBar,NoffsetX,NoffsetY,NCubeLeft,NCubeRight,NCubeTop,nxAxisData,nSeriesData,nColorArr
 	} from '../echarts/option.js'
+  import CommonTitle from "@/views/c-cpns/CommonTitle.vue";
 	
 	/* onMounted(() => {
 		getSelectJzncJzjgCount().then(res => {
@@ -43,27 +42,6 @@
 </script>
 
 <style scoped lang="scss">
-	.title {
-		//width: 100%;
-		width: 375px;
-		height: 37px;
-		padding-left: 7px;
-		background: url("@/assets/imgs/弹框小标题.png") no-repeat;
-		background-size: cover;
-	
-	
-		span {
-			font-family: YouSheBiaoTiHei;
-			//font-weight: 400;
-			font-weight: bold;
-			font-size: 20px;
-			color: #F6F9FE;
-			text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-			font-style: italic;
-			padding-left: 50px;
-		}
-	
-	}
 	.center {
 		display: flex;
 		justify-content: flex-start;

src/views/c-cpns/CommonTitle.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="common-title">
+    <span>{{ title }}</span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CommonTitle",
+  props:{
+    title:{
+
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.common-title{
+  width: 375px;
+  height: 37px;
+  padding-left: 7px;
+  background: url("@/assets/imgs/弹框小标题.png") no-repeat;
+  background-size: 100% 100%;
+  span {
+    font-family: YouSheBiaoTiHei;
+    font-weight: 400;
+    font-size: 20px;
+    color: #BBCDE6;
+    opacity: 1;
+    padding-left: 60px;
+    background: linear-gradient(0deg, #ACE5FF 0%, #FFFFFF 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+  }
+}
+</style>