'底部添加二维码'

components/home/footer.vue

@@ -53,25 +53,34 @@
 					<div class="title">关注我们</div>
 					<div class="content">
 						<ul>
-							<li>
-								<img src="~/assets/images/index/wechat.png" alt="" srcset="~/assets/images/index/wechat.png 1x, ~/assets/images/index/wechat@2x.png 2x">
+							<li class="first">
+								<img class="wx" src="~/assets/images/index/wechat.png" alt="" srcset="~/assets/images/index/wechat.png 1x, ~/assets/images/index/wechat@2x.png 2x">
 								<div class="officle">
 									<p>逻辑狗</p>
-									<p>官方服务号</p>
+									<p>中德智慧教育</p>
+									<div class="qr">
+										<img src="~/assets/images/index/account_01.png" alt="" srcset="">
+									</div>
 								</div>
 							</li>
-							<li>
-								<img src="~/assets/images/index/wechat.png" alt="" srcset="">
+							<li class="second">
+								<img class="wx" src="~/assets/images/index/wechat.png" alt="" srcset="">
 								<div class="officle">
 									<p>逻辑狗</p>
-									<p>官方服务号</p>
+									<p>logico</p>
+									<div class="qr">
+										<img src="~/assets/images/index/account_02.png" alt="" srcset="">
+									</div>
 								</div>
 							</li>
-							<li>
-								<img src="~/assets/images/index/wechat.png" alt="" srcset="">
+							<li class="three">
+								<img class="wx" src="~/assets/images/index/wechat.png" alt="" srcset="">
 								<div class="officle">
 									<p>逻辑狗</p>
-									<p>官方服务号</p>
+									<p>妈咪社团</p>
+									<div class="qr">
+										<img src="~/assets/images/index/account_03.png" alt="" srcset="">
+									</div>
 								</div>
 							</li>
 						</ul>
@@ -94,9 +103,10 @@
 	padding: 68px 0 28px;
 	.sino-footer-box {
 		display: flex;
+		justify-content: space-around;
 		width: 1200px;
     height: auto;
-    margin: 0 auto;
+    margin: 0 auto 73px;
 		.footer-info {
 			position: relative;
 			// margin-right: 130px;
@@ -178,7 +188,6 @@
 			}
 		}
 		.footer-about {
-			margin-bottom: 120px;
 			.title {
 				font-size: 22px;
 				font-weight: 400;
@@ -189,10 +198,16 @@
 				ul {
 					display: flex;
 					li {
-						margin-right: 82px;
+						// margin-right: 82px;
 						&:last-child {
 							margin-right: 0px;
 						}
+						&.first {
+							margin-right: 62px;
+						}
+						&.second {
+							margin-right: 95px;
+						}
 						p {
 							color: #858893;
 							font-size:12px;
@@ -201,11 +216,29 @@
 					}
 					.officle {
 						margin-top: 27px;
+						position: relative;
 					}
 				}
-				img {
+				.wx {
 					width: 57px;
 					height: 46px;
+					&:hover + .officle {
+						.qr {
+							display: block;
+						}
+					}
+				}
+				.qr {
+					display: none;
+					position: absolute;
+					left: 50%;
+					bottom: -20px;
+					transform: translate(-50%, 100%);
+					img {
+						width: 148px;
+						height: 144px;
+						vertical-align: middle;
+					}
 				}
 			}
 			

layouts/error.vue

@@ -14,7 +14,7 @@
     <div v-else class="page">
       <div class="error">
         <div class="err-img">
-          <img src="~/assets/images/index/404.png" alt="" srcset="">
+          <img src="~/assets/images/index/500.png" alt="" srcset="">
         </div>
         <div class="err-msg">出错啦！你访问的页面没找到！ </div>
         <div class="err_btn">

pages/campus/index.vue

@@ -60,7 +60,7 @@
         </div>
       </div>
       <div class="c-content w1200">
-        <div class="list-warp">
+        <div class="list-wrap">
           <ul class="list">
             <li class="campus-item" v-for="(item, index) in campusList" :key="index">
               <img :src="item.imgUrl" alt="">

pages/news/index.vue

@@ -75,7 +75,21 @@ export default {
   components: {
   },
   head() {
-    
+    return {
+      title: "逻辑狗官网-中德智慧教育",
+      meta: [
+        {
+          name: "keywords",
+          hid: "keywords",
+          content: `逻辑狗官网、逻辑狗教材、 幼儿园教材、逻辑狗课程、逻辑狗思维训练课程、儿童思维教育、0-12岁儿童`,
+        },
+        {
+          name: "description",
+          hid: "description",
+          content: `逻辑狗官方网站，专为0-12岁儿童设计的思维训练课程，中德智慧教育，全球优质教育内容输出平台`,
+        },
+      ],
+    };
   },
   async asyncData({ params, query, store }) {
     // 获取分类列表

pages/product/course.vue

@@ -90,7 +90,7 @@ const tabsData = Object.freeze([
     activeImgUrl: require('~/assets/images/products/tab_teacher_active.png'),
     srcsetImg: [require('~/assets/images/products/tab_teacher_nor.png'), require('~/assets/images/products/tab_teacher_nor@2x.png')],
     srcsetActiveImg: [require('~/assets/images/products/tab_teacher_active.png'), require('~/assets/images/products/tab_teacher_active@2x.png')],
-    label: '园长端APP'
+    label: '园所端APP'
   },
 ])
 

static/common/common.css

@@ -11,8 +11,9 @@ html {
 body {
   font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Segoe UI","Helvetica Neue","PingFang SC","Noto Sans","Noto Sans CJK SC","Microsoft YaHei",微软雅黑,sans-serif;
   -webkit-box-sizing: border-box;
-  margin: 0;
-  background: #eee;
+  color: #333;
+  background: #fff;
+  font-size: 14px;
 }
 body.gray {
   background: #eeeeee;