style

lxf

2025-05-22 e74a7c7afc56cf229058091fe2ae143cf0bdb3ca

 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>