change img max-size

src/components/dcontent/dcontent.vue

@@ -0,0 +1,25 @@
+<template>
+	<div class="content" v-html="newContent">
+	</div>
+</template>
+
+<script>
+	export default {
+		props: {
+			content: {
+				type: String,
+				default: ''
+			}
+		},
+		computed:{
+			newContent() {
+				let str = this.content.replace(/<img/g,'<img class="content-img"')
+				return str
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	
+</style>

src/main.js

@@ -3,6 +3,7 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 import ElementUI from 'element-ui';
+import Dcontent from './components/dcontent/dcontent.vue'
 
 import './assets/css/reset.css';
 import './assets/css/base.css'
@@ -12,15 +13,17 @@ Vue.config.productionTip = false
 Vue.use(ElementUI);
 
 
- router.afterEach((to,from,next) => {
-	 //页面跳转时，页面位置重置为顶部
-      window.scrollTo(0,0);
-	  //修改页面title
-	  window.document.title = to.meta.title == undefined?'荆州红十字会':to.meta.title
- })
+router.afterEach((to, from, next) => {
+	//页面跳转时，页面位置重置为顶部
+	window.scrollTo(0, 0);
+	//修改页面title
+	window.document.title = to.meta.title == undefined ? '荆州红十字会' : to.meta.title
+})
+
+Vue.component('dcontent', Dcontent)
 
 new Vue({
-  router,
-  store,
-  render: h => h(App)
-}).$mount('#app')
+	router,
+	store,
+	render: h => h(App)
+}).$mount('#app')

src/views/Home.vue

@@ -264,7 +264,7 @@ export default {
 				limit: 9
 			}).then(res => {
 				obj.openNews = res.data.list
-				console.log(obj.openNews)
+				// console.log(obj.openNews)
 			})
 		},
 		getSwiperList() {

src/views/news/Detail.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="new-detail">
-		<div id="" v-html="content">
-			
-		</div>
+		<dcontent :content="content"></dcontent>
 	</div>
 </template>
 
@@ -29,7 +27,6 @@
 				let obj = this
 				details({},this.idd).then(res => {
 					obj.content = res.data.content
-					obj.content = obj.content.replace(/<img/g, '<img class="content-img"')
 				})
 			}
 		}

src/views/popularScience/Detail.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="detail">
-		<div class="content" v-html="content"></div>
+		<dcontent :content="content"></dcontent>
 	</div>
 </template>
 

src/views/publicity/Detail.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="new-detail">
-		<div id="" v-html="content">
-			
-		</div>
+		<dcontent :content="content"></dcontent>
 	</div>
 </template>
 
@@ -29,7 +27,6 @@
 				let obj = this
 				details({},this.idd).then(res => {
 					obj.content = res.data.content
-					obj.content = obj.content.replace(/<img/g, '<img class="content-img"')
 				})
 			}
 		}

src/views/regulations/Detail.vue

@@ -1,8 +1,6 @@
 <template>
 	<div class="new-detail">
-		<div id="" v-html="content">
-			
-		</div>
+		<dcontent :content="content"></dcontent>
 	</div>
 </template>