qj-common 4.3.0 → 4.3.2

package/src/views/pc/default/footer-modules/ymFooter.vue

@@ -1,155 +1,155 @@
-<template>
-	<footer class="bottom">
-		<ul class="bottom_lab">
-			<li class="ym_li1" >
-				<p>服务与帮助</p>
-				<ul class="ym_ul1">
-					<li></li>
-					<li @click="toDetail(1603)">常见FAQ</li>
-					<li @click="toDetail(1602)">实用工具</li>
-					<li @click="toDetail(1601)">实用课堂</li>
-					<li @click="toDetail(1600)">开发者新区</li>
-				</ul>
-			</li>
-			<li class="ym_li1" >
-				<p >热门商品与服务</p>
-				<ul class="ym_ul1">
-					<li></li>
-					<li @click="toDetail(1607)">常见FAQ</li>
-					<li @click="toDetail(1606)">实用工具</li>
-					<li @click="toDetail(1605)">实用课堂</li>
-					<li @click="toDetail(1604)">开发者新区</li>
-				</ul>
-			</li>
-			<li class="ym_li1">
-				<p >关于我们</p>
-				<ul class="ym_ul1">
-					<li></li>
-					<li @click="toDetail(1615)">常见FAQ</li>
-					<li @click="toDetail(1614)">实用工具</li>
-					<li @click="toDetail(1613)">实用课堂</li>
-					<li @click="toDetail(1608)">开发者新区</li>
-				</ul>
-			</li>
-			<li class="ym_li1" >
-				<p >联系我们</p>
-				<ul class="ym_ul1">
-					<li></li>
-					<li @click="toDetail(1615)">常见FAQ</li>
-					<li @click="toDetail(1615)">实用工具</li>
-					<li @click="toDetail(1615)">实用课堂</li>
-					<li @click="toDetail(1615)">开发者新区</li>
-				</ul>
-			</li>
-		</ul>
-	</footer>
-</template>
-
-<script>
-	import api from "#/api/common/index";
-	export default {
-		data() {
-			return {
-				// erwm1: require("../assets/footer_img1.png"),
-				// erwm2: require("../assets/footer_img2.png"),
-				// erwm3: require("../assets/footer_img3.png"),
-				// erwm4: require("../assets/footer_img4.png"),
-				// erwm: require("../assets/图层 20.png"),
-				footerData: [],
-				Footerinfor:"",
-			};
-		},
-		updated() {},
-		mounted() {
-		},
-		methods: {
-			toDetail(type){
-                this.$router.push({
-                    path:'/articleDetail',
-                    query:{
-                        id:type
-                    }
-                })
-            }
-			
-		}
-	};
-</script>
-
-<style rel="stylesheet/scss" lang="scss" scoped>
-	//footer
-	.f-s18 {
-		font-size: 18px;
-	}
-	
-	.f-s22 {
-		font-size: 22px;
-		font-family: Microsoft YaHei;
-		font-weight: 400;
-		color: #FFFFFF;
-	}
-	
-	.mar-b20 {
-		margin-bottom: 20px;
-	}
-	
-	.mar-b15 {
-		margin-bottom: 15px;
-	}
-	
-	.mar-b28 {
-		margin-bottom: 28px;
-	}
-	
-	.erimg {
-		width: 100px;
-	}
-	
-	.bottom {
-		width: 100%;
-		height: 287px;
-		color: white;
-		background-color: #333333;
-		background-size: 100% 100%;
-        margin-top: 40px;
-	}
-
-	.bottom_lab {
-		width: 1200px;
-		margin: 0 auto;
-		height: 100%;
-		display: flex;
-		justify-content: center;
-		.ym_li1 {
-			width: 23%;
-			margin-left: 130px;
-			height: 100%;
-			>p {
-				font-size:18px;
-				font-weight:500;
-				line-height:46px;
-				color: #FFFFFF;
-                cursor: pointer;
-			}
-			.ym_ul1 {
-				width: 100%;
-				height: 100%;
-				li {
-					width: 100%;
-					margin-top: 13px;
-					cursor: pointer;
-				}
-				a {
-					color: white;
-				}
-			}
-			.ym_ul1>li:first-child {
-				width: 60px;
-				height: 2px;
-				background:rgba(181,181,181,1);
-				margin: 13px 0 28px;
-			}
-		}
-	}
-
+<template>
+	<footer class="bottom">
+		<ul class="bottom_lab">
+			<li class="ym_li1" >
+				<p>服务与帮助</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1603)">常见FAQ</li>
+					<li @click="toDetail(1602)">实用工具</li>
+					<li @click="toDetail(1601)">实用课堂</li>
+					<li @click="toDetail(1600)">开发者新区</li>
+				</ul>
+			</li>
+			<li class="ym_li1" >
+				<p >热门商品与服务</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1607)">常见FAQ</li>
+					<li @click="toDetail(1606)">实用工具</li>
+					<li @click="toDetail(1605)">实用课堂</li>
+					<li @click="toDetail(1604)">开发者新区</li>
+				</ul>
+			</li>
+			<li class="ym_li1">
+				<p >关于我们</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1615)">常见FAQ</li>
+					<li @click="toDetail(1614)">实用工具</li>
+					<li @click="toDetail(1613)">实用课堂</li>
+					<li @click="toDetail(1608)">开发者新区</li>
+				</ul>
+			</li>
+			<li class="ym_li1" >
+				<p >联系我们</p>
+				<ul class="ym_ul1">
+					<li></li>
+					<li @click="toDetail(1615)">常见FAQ</li>
+					<li @click="toDetail(1615)">实用工具</li>
+					<li @click="toDetail(1615)">实用课堂</li>
+					<li @click="toDetail(1615)">开发者新区</li>
+				</ul>
+			</li>
+		</ul>
+	</footer>
+</template>
+
+<script>
+	import api from "#/api/common/index";
+	export default {
+		data() {
+			return {
+				// erwm1: require("../assets/footer_img1.png"),
+				// erwm2: require("../assets/footer_img2.png"),
+				// erwm3: require("../assets/footer_img3.png"),
+				// erwm4: require("../assets/footer_img4.png"),
+				// erwm: require("../assets/图层 20.png"),
+				footerData: [],
+				Footerinfor:"",
+			};
+		},
+		updated() {},
+		mounted() {
+		},
+		methods: {
+			toDetail(type){
+                this.$router.push({
+                    path:'/articleDetail',
+                    query:{
+                        id:type
+                    }
+                })
+            }
+			
+		}
+	};
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+	//footer
+	.f-s18 {
+		font-size: 18px;
+	}
+	
+	.f-s22 {
+		font-size: 22px;
+		font-family: Microsoft YaHei;
+		font-weight: 400;
+		color: #FFFFFF;
+	}
+	
+	.mar-b20 {
+		margin-bottom: 20px;
+	}
+	
+	.mar-b15 {
+		margin-bottom: 15px;
+	}
+	
+	.mar-b28 {
+		margin-bottom: 28px;
+	}
+	
+	.erimg {
+		width: 100px;
+	}
+	
+	.bottom {
+		width: 100%;
+		height: 287px;
+		color: white;
+		background-color: #333333;
+		background-size: 100% 100%;
+        margin-top: 40px;
+	}
+
+	.bottom_lab {
+		width: 1200px;
+		margin: 0 auto;
+		height: 100%;
+		display: flex;
+		justify-content: center;
+		.ym_li1 {
+			width: 23%;
+			margin-left: 130px;
+			height: 100%;
+			>p {
+				font-size:18px;
+				font-weight:500;
+				line-height:46px;
+				color: #FFFFFF;
+                cursor: pointer;
+			}
+			.ym_ul1 {
+				width: 100%;
+				height: 100%;
+				li {
+					width: 100%;
+					margin-top: 13px;
+					cursor: pointer;
+				}
+				a {
+					color: white;
+				}
+			}
+			.ym_ul1>li:first-child {
+				width: 60px;
+				height: 2px;
+				background:rgba(181,181,181,1);
+				margin: 13px 0 28px;
+			}
+		}
+	}
+
 </style>