4-28-1

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-	<div id="app">
+	<div id="app" >
 		<div class="bg" v-if="!(path == '/mourn/index' || path == '/mourn/detail')">
 			<img src="@/assets/img/m1.png" />
 		</div>
@@ -92,6 +92,16 @@
 	};
 </script>
 <style lang="scss" scoped>
+	.body-box {
+		-webkit-filter: grayscale(100%); /* webkit */
+		-moz-filter: grayscale(100%); /*firefox*/
+		-ms-filter: grayscale(100%); /*ie9*/
+		-o-filter: grayscale(100%); /*opera*/
+		filter: grayscale(100%);
+		filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
+		filter:gray; /*ie9- */
+		
+	}
 	#app {
 		// max-width: 1920px;
 		min-width: 1200px;

src/components/pageBottom/PageBottom.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="view-bottom" :style="{'background': backgroundBg,'color': textcolor}">
 		<div class="bqsy">版权所有：Copyright©2017-2037 　版权所有 荆州市红十字会</div>
-		<div class="address">地址：荆州市荆州区荆东路18号 浙ICP备17054590号-1</div>
+		<div class="address">地址：荆州市沙市区关沮镇青藜路128号 <a href="https://beian.miit.gov.cn/#/Integrated/recordQuery" class="goto">鄂ICP备15019661号-1</a></div>
 	</div>
 </template>
 
@@ -27,12 +27,14 @@ export default {
 
 <style lang="scss" scoped>
 	.view-bottom {
+		font-family:"黑体","Arial","Microsoft YaHei","宋体",sans-serif;
+		
+// font-family: PingFang SC;
 		// width: 1920px;
 		height: 174px;
 		margin: 0 auto;
 		background: #D82020;
 		font-size: 14px;
-		font-family: PingFang SC;
 		font-weight: bold;
 		color: #FFFFFF;
 		line-height: 1;
@@ -45,5 +47,11 @@ export default {
 			padding-top: 65px;
 			margin-bottom: 16px;
 		}
+		.address {
+			
+		}
+	}
+	.goto {
+		color: #fff;
 	}
 </style>