登录

snowy-admin-web/src/views/auth/login/single-window-login.vue

@@ -80,6 +80,64 @@
 			</div>
 		</div>
 		<div class="swl-foot" v-if="config.lang === 'zh-cn'">
+			<div class="swl-foot-main">
+				<div class="swl-foot-main-left">
+					<div class="swl-foot-main-left-top">
+						<div class="swlfmlt-item __hover"><a class="textUnderline footer-nav-text" href="https://www.singlewindow.cn/#/aboutUs" target="_blank">关于我们</a></div>
+						<div class="swlfmlt-split">|</div>
+						<div class="swlfmlt-item __hover"><a class="textUnderline footer-nav-text" href="https://www.singlewindow.cn/#/sitemap" target="_blank">网站地图</a></div>
+						<div class="swlfmlt-split">|</div>
+						<a-popover>
+							<template #content>
+								<a class="textUnderline footer-nav-text" target="_blank" href="http://www.gov.cn/hudong/ducha/2021-01/26/content_5582430.htm">
+									<img class="nav-img" src="https://www.singlewindow.cn/img/footer/hlwjd.jpg" alt="互联网+督查">
+								</a>
+							</template>
+							<div class="swlfmlt-item __hover"><a class="textUnderline footer-nav-text" target="_blank" href="http://www.gov.cn/hudong/ducha/2021-01/26/content_5582430.htm">互联网+督查</a></div>
+						</a-popover>
+						<div class="swlfmlt-split">|</div>
+						<a-popover>
+							<template #content>
+								<img class="nav-img" src="https://www.singlewindow.cn/img/footer/zwfw.jpg" alt="政务服务投诉">
+							</template>
+							<div class="swlfmlt-item __hover"><div class="swlfmlt-item __hover">政务服务投诉</div></div>
+						</a-popover>
+					</div>
+					<div class="swl-foot-main-left-bottom">
+						<div class="swlfmlb-item">主办单位：国家口岸管理办公室</div>
+						<div class="swlfmlb-item">承办单位：中国电子口岸数据中心</div>
+						<div class="swlfmlb-item">京ICP备12005222号-2</div>
+						<div class="swlfmlb-item"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011302001653">京公网安备11011302001653号</a></div>
+					</div>
+				</div>
+				<div class="swl-foot-main-right">
+					<div class="footer-code">
+						<div class="footer-code-top">
+							<a-popover>
+								<template #content>
+									<div style="display: flex;flex-direction: column;">
+										<img class="code-img" src="https://www.singlewindow.cn/img/footer/wechat-cl.jpg" alt="">
+										<span style="font-size: 12px;color: #333;line-height: 24px; text-align: center;">关注微信公众号</span>
+									</div>
+								</template>
+								<div class="wct-wechat"/>
+							</a-popover>
+							<a-popover>
+								<template #content>
+									<div style="display: flex;flex-direction: column;">
+										<img class="code-img" src="https://www.singlewindow.cn/img/footer/weibo-cl.jpg" alt="">
+										<span style="font-size: 12px;color: #333;line-height: 24px; text-align: center;">关注微博</span>
+									</div>
+								</template>
+								<div class="wct-weibo"></div>
+							</a-popover>
+						</div>
+						<div class="footer-code-bottom">
+							<div class="fcb-phone"/>服务热线：<span>95198</span>
+						</div>
+					</div>
+				</div>
+			</div>
 		</div>
 		<a-modal
 			v-model:visible="agreeTipsYhfwxy"
@@ -384,10 +442,137 @@
 		}
 	}
 	.swl-foot {
-		margin: 0 auto;
-		width: 1200px;
-		height: 160px;
+		width: 100%;
+		height: 170px;
 		background-color: rgba(230, 230, 230, 1);
+		display: flex;
+		.swl-foot-main {
+			width: 1200px;
+			margin: 0 auto;
+			display: flex;
+			justify-content: space-between;
+			.swl-foot-main-left {
+				.swl-foot-main-left-top {
+					display: flex;
+					gap: 15px;
+					margin-top: 30px;
+					line-height: 40px;
+					.swlfmlt-item {
+						display: flex;
+						align-items: center;
+						line-height: 40px;
+						font-weight: 400;
+						font-style: normal;
+						font-size: 16px;
+						color: #0C3D65;
+						>a {
+							color: #0C3D65;
+							text-decoration: none;
+							&:hover {
+								text-decoration: underline;
+							}
+						}
+					}
+					.swlfmlt-split {
+						color: #bbbbbb;
+					}
+				}
+				.swl-foot-main-left-bottom {
+					margin-top: 10px;
+					display: grid;
+					grid-template-columns: repeat(2, 220px);
+					column-gap: 8px;
+					.swlfmlb-item {
+						display: block;
+						line-height: 26px;
+						color: #666;
+						font-size: 14px;
+						>a {
+							color: #666;
+							text-decoration: none;
+							&:hover {
+								text-decoration: underline;
+							}
+						}
+					}
+				}
+			}
+			.swl-foot-main-right {
+				.footer-code {
+					margin-top: 42px;
+					.footer-code-top {
+						display: flex;
+						justify-content: flex-end;
+						gap: 18px;
+						.wct-wechat {
+							width: 40px;
+							height: 40px;
+							background: #9eaebb;
+							line-height: 40px;
+							border-radius: 50%;
+							cursor: pointer;
+							position: relative;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							&:after {
+								position: absolute;
+								content: '';
+								background-image: url('https://www.singlewindow.cn/img/footer/bg.png');
+								width: 30px;
+								height: 26px;
+								background-position: -49px -83px;
+								transform: scale(.8);
+							}
+						}
+						.wct-weibo {
+							width: 40px;
+							height: 40px;
+							background: #9eaebb;
+							line-height: 40px;
+							border-radius: 50%;
+							cursor: pointer;
+							position: relative;
+							display: flex;
+							align-items: center;
+							justify-content: center;
+							&:after {
+								position: absolute;
+								content: '';
+								background-image: url('https://www.singlewindow.cn/img/footer/bg.png');
+								width: 32px;
+								height: 25px;
+								background-position: -3px -83px;
+								transform: scale(.8);
+							}
+						}
+					}
+					.footer-code-bottom {
+						display: flex;
+						align-items: center;
+						margin-top: 10px;
+						font-weight: 700;
+						font-size: 20px;
+						color: #0C3D65;
+						vertical-align: top;
+						height: 34px;
+						line-height: 34px;
+						.fcb-phone {
+							background-image: url('https://www.singlewindow.cn/img/footer/bg.png');
+							width: 34px;
+							height: 34px;
+							background-position: -1px -364px;
+							margin-right: 12px;
+							margin-top: -2px;
+							transform: scale(.8);
+						}
+						>span {
+							font-size: 24px;
+						}
+					}
+				}
+			}
+		}
 	}
 }
 </style>