From e74a7c7afc56cf229058091fe2ae143cf0bdb3ca Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Thu, 22 May 2025 15:03:27 +0800
Subject: [PATCH] style
---
src/views/market/page.vue | 148 ++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 140 insertions(+), 8 deletions(-)
diff --git a/src/views/market/page.vue b/src/views/market/page.vue
index a748b50..f5023d1 100644
--- a/src/views/market/page.vue
+++ b/src/views/market/page.vue
@@ -3,7 +3,7 @@
<pageDetail></pageDetail>
<hangqing></hangqing>
<pagePromote></pagePromote>
- <div class="partner-list">
+ <!-- <div class="partner-list">
<ul class="logo-list" style="animation-duration: 60s">
<li class="pr48">
<img
@@ -286,14 +286,14 @@
/>
</li>
</ul>
- </div>
- <div class="join-us">
+ </div> -->
+ <!-- <div class="join-us">
<div class="join-us-title">{{ $t("message.home.jiaruwomen") }}</div>
<div class="join-us-desc">
{{ $t("message.home['您的加入，才能壯大BCWP社區！']") }}
</div>
- </div>
- <div class="footer-box footer-background">
+ </div> -->
+ <!-- <div class="footer-box footer-background">
<div class="pc-all">
<div class="content-view-box footer-view">
<div class="left-footer" style="width: 1200px">
@@ -321,7 +321,6 @@
>
{{ $t("message.home.language") }}
</div>
- <!-- <div class="dropdown-content"> 繁体中文</div>-->
<div class="arrow">
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAADlQTFRFAAAAcHyLdHyLc3yJcn2Kcn2Lcn6LdH6LcoCNc3+Nc32Mc3yMc32Mcn6Nc36Ncn6Ncn6Nc36Nc36N+XnEgAAAABJ0Uk5TAEBAUGBwgICur7/P0N/f7u/+t+EvHQAAAENJREFUKM9jYBgFCCCEAIJUlORESHJgSDJxweS4GBlwymKTY2Bg5gHJcTNj9w0Ln5AQLwsuv7IK8LPiDgl2ttHUgA4AYVQFV3PnVtMAAAAASUVORK5CYII="
@@ -470,7 +469,53 @@
<p>Vexus 2024 © {{ $t('message.home["版權所有"]') }}。</p>
</div>
</div>
+ </div> -->
+
+ <div class="common-footer">
+ <div class="footer">
+ <div class="footer_top">
+ <div class="footer_left">
+ <div class="logo">
+ <span class="avatar"></span><span class="text">Mateonline</span>
+ </div>
+ <div class="text">
+ Coinmate成立於2014年，目前總部位於英國。是全球領先的數位貨幣資產交易平台，致力於為用戶提供安全，專業，便利的數位貨幣交易服務。在加密貨幣撮合交易領域佔了43.17%的市佔率。
+ </div>
+ </div>
+ <div class="footer_list">
+ <h1 class="about">關於</h1>
+ <ul>
+ <li><a href="javascript:void(0)">關於我們</a></li>
+ <li><a href="javascript:void(0)">服務條款</a></li>
+ <li><a href="javascript:void(0)">合作協議</a></li>
+ </ul>
+ </div>
+ <div class="footer_list">
+ <h1 class="about">聯繫我們</h1>
+ <ul>
+ <li><a href="javascript:void(0);">幫助中心</a></li>
+ <li><a href="javascript:void(0);">客服中心</a></li>
+ <li>
+ <a
+ href="javascript:void(0);"
+ style="
+ color: rgb(255, 255, 255);
+ font-size: 12px;
+ text-decoration: underline;
+ "
+ >coinmatecrypto@outlook.com</a
+ >
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="footer_bottom">
+ <p>Coinmate全球優質數字資產</p>
+ <p>Copyright © 2021 - Coinmate All rights reserved.</p>
+ </div>
+ </div>
</div>
+
<!-- 语言和汇率弹窗 -->
<lang-select ref="langSelect" />
</div>
@@ -503,7 +548,7 @@
<style scoped lang="css">
#move-main-scroll {
width: 100vw;
- background-color: #fdfeff;
+ background-color: #000000;
.partner-list {
width: 100%;
@@ -576,7 +621,7 @@
height: 24px;
margin-right: 24px;
margin-bottom: 24px;
- color: #2a64fb;
+ color: #f7b328;
font-weight: 700;
width: 45px;
height: 39px;
@@ -735,4 +780,91 @@
transform: translate(-50%);
}
}
+
+.footer {
+ min-height: 100px;
+ background: rgb(24, 26, 32);
+ border-top: 1px solid rgba(109, 109, 109, 0.5);
+ .footer_top {
+ width: 94%;
+ margin: 0 auto;
+ display: flex;
+ padding: 16px 0;
+ .footer_left {
+ flex: 0 0 40%;
+ box-sizing: border-box;
+ .logo {
+ display: flex;
+ align-items: center;
+ .avatar {
+ width: 40px;
+ height: 40px;
+ background: url(../../assets/forexImages/logo-66dce226.png) no-repeat
+ center center;
+ background-size: 40px 40px;
+ }
+ .text {
+ color: #fff;
+ font-size: 16px;
+ letter-spacing: 3px;
+ }
+ }
+ .text {
+ color: #989898;
+ font-size: 14px;
+ }
+ }
+
+ .footer_list {
+ flex: 0 0 30%;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ .about {
+ color: #fff;
+ font-size: 20px;
+ font-weight: 400;
+ width: 100%;
+ text-align: center;
+ }
+ /* h1 {
+ font-size: 16px;
+ color: #fff;
+ margin-bottom: 10px;
+ } */
+ ul {
+ width: 100%;
+ li {
+ width: 100%;
+ text-align: center;
+ a {
+ width: 100%;
+ text-align: center;
+ text-decoration: none;
+ color: #989898;
+ height: 40px;
+ line-height: 40px;
+ &:hover {
+ display: inline-block;
+ color: #f7b328;
+ }
+ }
+ }
+ }
+ }
+ }
+ .footer_bottom {
+ width: 94%;
+ margin: 0 auto;
+ padding: 16px 0;
+ border-top: 1px solid rgba(109, 109, 109, 0.5);
+ p {
+ margin-top: 4px;
+ color: #989898;
+ font-size: 12px;
+ }
+ }
+}
</style>
--
Gitblit v1.9.3