|
@@ -6,9 +6,9 @@
|
|
|
<img src="/src/assets/image/logo.png" alt="萌新派对" class="footer-logo-img">
|
|
|
</div>
|
|
|
<div class="footer-info">
|
|
|
- <div>用户协议 | 隐私政策 商务合作QQ:568248746</div>
|
|
|
- <div>浙ICP备案号:浙ICP备2025144578号-1</div>
|
|
|
- <div>企业信息:杭州智潮创意科技有限公司、浙江省杭州市萧山区杭州火车南站商城北路98号西广场产业园2023室</div>
|
|
|
+ <div><a class="xy" href="https://e.zhichao.art/web/yhxy.php" target="_blank">用户使用协议</a> | <a class="xy" href="https://e.zhichao.art/web/yszc.php" target="_blank">隐私协议</a> 商务合作QQ:568248746</div>
|
|
|
+ <div><a class="xy" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> 浙ICP备案号:浙ICP备2025144578号-1</a></div>
|
|
|
+ <div>企业信息:杭州智潮创意科技有限公司、浙江省杭州市萧山区杭州火车南站商城北路98号西广场产业园2023室</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -18,7 +18,13 @@
|
|
|
<script setup>
|
|
|
const props = defineProps({
|
|
|
show: Boolean
|
|
|
-})
|
|
|
+});
|
|
|
+
|
|
|
+function goWeb(url, title) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: `/pages/webview/index?url=${encodeURIComponent(url)}&title=${encodeURIComponent(title)}`
|
|
|
+ })
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@@ -27,38 +33,51 @@ const props = defineProps({
|
|
|
left: 0;
|
|
|
bottom: 0;
|
|
|
width: 100vw;
|
|
|
- background: rgba(0,0,0,0.85);
|
|
|
+ background: rgba(0, 0, 0, 0.85);
|
|
|
color: #fff;
|
|
|
z-index: 2000;
|
|
|
- box-shadow: 0 -2px 16px rgba(0,0,0,0.08);
|
|
|
+ box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
|
|
|
padding: 18px 0 12px 0;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.footer-content {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
gap: 32px;
|
|
|
}
|
|
|
+
|
|
|
.footer-logo-img {
|
|
|
height: 32px;
|
|
|
width: auto;
|
|
|
}
|
|
|
+
|
|
|
.footer-info {
|
|
|
font-size: 15px;
|
|
|
- line-height: 1.7;
|
|
|
+ line-height: 1.7;
|
|
|
text-align: left;
|
|
|
}
|
|
|
-.footer-slide-enter-active, .footer-slide-leave-active {
|
|
|
- transition: transform 0.5s cubic-bezier(0.77,0,0.175,1), opacity 0.5s;
|
|
|
+
|
|
|
+.footer-slide-enter-active,
|
|
|
+.footer-slide-leave-active {
|
|
|
+ transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s;
|
|
|
}
|
|
|
-.footer-slide-enter-from, .footer-slide-leave-to {
|
|
|
+
|
|
|
+.footer-slide-enter-from,
|
|
|
+.footer-slide-leave-to {
|
|
|
transform: translateY(100%);
|
|
|
opacity: 0;
|
|
|
}
|
|
|
-.footer-slide-enter-to, .footer-slide-leave-from {
|
|
|
+
|
|
|
+.footer-slide-enter-to,
|
|
|
+.footer-slide-leave-from {
|
|
|
transform: translateY(0);
|
|
|
opacity: 1;
|
|
|
}
|
|
|
+.xy {
|
|
|
+ color: #fff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
</style>
|