style

lxf

2025-05-22 e74a7c7afc56cf229058091fe2ae143cf0bdb3ca

 src/views/market/components/pagePromote.vue

@@ -1,191 +1,234 @@
<template>
  <div class="introduce">
    <div class="introduce-1">
      <div class="h1-title">
        {{ $t('message.home["m2-ssc-s2-h1"]') }} &amp;
        {{ $t("message.home.fuwu") }}
    <div class="introduce-1 container">
      <!-- <div class="h1-title">
          {{ $t('message.home["m2-ssc-s2-h1"]') }} &amp;
          {{ $t("message.home.fuwu") }}
        </div> -->
      <div class="desc">
        <h1>我們的優勢</h1>
        <p>
          無論您是通過我們的API、移動應用程序還是網站進行交易，Coinmate的行業領先的交易引擎都可以讓您快速安全地執行交易
        </p>
      </div>
      <ul>
        <li>
          <div class="left">
            <img src="@/assets/images/bbjy.767634e4.png" />
          </div>
          <div class="right">
            <div class="title">{{ $t("message.user.bibijiaoyi") }}</div>
            <div class="desc">{{ $t("message.home.quicklyContent") }}</div>
          </div>
        </li>
        <li>
          <div class="left">
            <img src="@/assets/images/yxhy.6998c283.png" />
          </div>
          <div class="right">
            <div class="title">{{ $t("message.home.yongxuheyue") }}</div>
            <div class="desc">{{ $t("message.home.yongxuheyueContent") }}</div>
          </div>
        </li>
        <li>
          <div class="left">
            <img src="@/assets/images/kjmb.6a070961.png" />
          </div>
          <div class="right">
            <div class="title">{{ $t("message.home.jiaogeheyue") }}</div>
            <div class="desc">{{ $t("message.home.jiaogeheyueContent") }}</div>
          </div>
        </li>
        <li>
          <div class="left">
            <img src="@/assets/images/jghy.57cada08.png" />
          </div>
          <div class="right">
            <div class="title">{{ $t('message.home["快捷買幣"]') }}</div>
            <div class="desc">{{ $t("message.home.quicklyContent") }}</div>
          </div>
        </li>
      </ul>
      <div class="list">
        <div class="list_item">
          <img
            src="../../../assets/forexImages/youshi1-999dca68.png"
            alt=""
            class="img128"
          />
          <h1 class="list_item_title">收益高</h1>
          <p class="list_item_text">市場波動服務更大， 收益高</p>
        </div>
        <div class="list_item">
          <img src="../../../assets/forexImages/youshi2-7264896b.png" alt="" />
          <h1 class="list_item_title">高返佣</h1>
          <p class="list_item_text">超高額度的快速返佣和， 做市權限</p>
        </div>
        <div class="list_item">
          <img src="../../../assets/forexImages/youshi3-d83183ea.png" alt="" />
          <h1 class="list_item_title">交易所指數</h1>
          <p class="list_item_text">對接主流交易所，不再， 擔心操作市場</p>
        </div>
        <div class="list_item">
          <img src="../../../assets/forexImages/youshi4-2f4f49a8.png" alt="" />
          <h1 class="list_item_title">銀行級安全</h1>
          <p class="list_item_text">頂級風控體系，用戶 資產絕對安全</p>
        </div>
      </div>
    </div>
    <div class="introduce-2">
      <div class="h1-title">
        {{ $t('message.home["值得信賴、安全的加密貨幣交易所"]') }}
      <div class="wrap container">
        <div class="desc">
          <h1>產品和服務</h1>
          <p>
            為全球數百萬用戶提供安全可靠的數字資產交易和資產管理服務，助力區塊鏈經濟演進，重塑行業新生態格局
          </p>
        </div>
        <div class="list">
          <div class="list_item">
            <img src="../../../assets/forexImages/prodec-b42f3823.svg" alt="" />
            <h1 class="list_item_title">全球佈局</h1>
            <p class="list_item_text">
              在全球多個國家都建立了當地的服務中心，將多種商業形式融為一體
            </p>
          </div>
          <div class="list_item">
            <img
              src="../../../assets/forexImages/prodect2-55f0ac99.svg"
              alt=""
            />
            <h1 class="list_item_title">系統安全</h1>
            <p class="list_item_text">
              專業的分佈式架構和防DoS攻擊系統，冷熱錢包分離，用戶資產多維保護
            </p>
          </div>
          <div class="list_item">
            <img
              src="../../../assets/forexImages/prodect3-0fe127b8.svg"
              alt=""
            />
            <h1 class="list_item_title">流暢的交易體驗</h1>
            <p class="list_item_text">
              採用高效的撮合交易引擎，確保交易體驗順暢，每秒可處理數百萬筆訂單，並為2000多萬在線用戶的平穩運行支付費用
            </p>
          </div>
        </div>
      </div>
      <ul>
        <li>
          <div class="left">
            <img
              src="data:image/png;base64,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"
            />
          </div>
          <div class="right">
            <div class="title">
              {{ $t('message.home["多層次的高級保障"]') }}
            </div>
            <div class="desc">
              {{ $t('message.home["MultipleProtection"]') }}
            </div>
          </div>
        </li>
        <li>
          <div class="left">
            <img src="@/assets/images/yhysyx.7f978a10.png" />
          </div>
          <div class="right">
            <div class="title">{{ $t('message.home["用戶隱私優先"]') }}</div>
            <div class="desc">
              {{ $t('message.home["UserPrivacyFirstContent"]') }}
            </div>
          </div>
        </li>
        <li>
          <div class="left">
            <img
              src="data:image/png;base64,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"
            />
          </div>
          <div class="right">
            <div class="title">{{ $t('message.home["實時監控"]') }}</div>
            <div class="desc">
              {{ $t('message.home["realTimeMonitoring"]') }}
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="introduce-3">
      <div class="h1-title">{{ $t('message.home["3步完成交易"]') }}</div>
      <div class="main">
        <div class="left"><img src="@/assets/images/wcjy.01eb327a.png" /></div>

    <!-- <div class="introduce-3">
        <div class="h1-title">{{ $t('message.home["3步完成交易"]') }}</div>
        <div class="main">
          <div class="left"><img src="@/assets/images/wcjy.01eb327a.png" /></div>
          <div class="right">
            <dl>
              <dt>{{ $t('message.home["從帳戶充值開始"]') }}</dt>
              <dd>
                {{
                  $t(
                    'message.home["支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。"]'
                  )
                }}
              </dd>
              <dt>{{ $t('message.home["進行現貨交易"]') }}</dt>
              <dd>
                {{
                  $t(
                    'message.home["提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。"]'
                  )
                }}
              </dd>
              <dt>{{ $t('message.home["進行永續合約交易"]') }}</dt>
              <dd>
                {{
                  $t('message.home["多倍槓桿放大交易收益，無期限優化投資組合。"]')
                }}
              </dd>
            </dl>
            <button>
              {{ $t('message.home["learn-more"]')
              }}<img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC"
              />
            </button>
          </div>
        </div>
      </div> -->
    <!-- </div> -->

    <!-- <div>
      <div class="download download-pc">
        <div class="download-left">
          <div class="download-title">
            {{ $t('message.home["輕鬆玩賺數字貨幣."]') }}
          </div>
          <div class="download-desc">
            {{ $t('message.home["download-desc"]') }}
          </div>
          <div class="download-qrcod">
            <div class="download-qrcod-left">
              <img src="@/assets/images/er-code.png" />
            </div>
            <div class="download-qrcod-right">
              <div class="p1">{{ $t('message.home["掃碼下載"]') }}</div>
              <div class="p2">iOS &amp; Android</div>
            </div>
          </div>
          <div class="download-btn">
            <a href="app.mobileconfig" class="app-store"
              >&gt;
              <img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAApCAMAAABnXgszAAAAAXNSR0IArs4c6QAAAEtQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////g5kLBwAAABh0Uk5TABAgMEBPUF9gb3CAkJ+gr76/z97f7u/+pQ2o+wAAAOhJREFUGBl9wQl2gzAMBcAv4YawGGqimH//kxbjLG1f5Bk4Qo+2IdPQoonkhgY1HiIaFhYBvsDC0LCwUDRkHq5oEJKpQ4vEOeAjGWJKc8BJhtVsW3vBmyZW1quExAcb8dRnOlbB6ULfikIzfTOKhb4JhdI34TTTZagSXSMq+jqclK6MqqPLUHV0GSqlT3AS+r5QGV0J1UrfBaeRvqwoAhssoDC2RAEwscVwELZEFJENikIzXRHVRI8pKrnR0eOpu/OjiLeRn5jgl2lnsd+3lIyVKf643vZ9/x4Eh27JJFfBfyEoXkIQPPwAAgVL7cJJiO8AAAAASUVORK5CYII="
                class="app-store-icon"
              />
              <div>App Store</div> </a
            ><a href="app.apk" class="google-pay"
              ><img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAAXNSR0IArs4c6QAAAE5QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////kJcbLQAAABl0Uk5TABAgMEBfb3B/gI6PkJ6foK++v87e3+7v/jitggUAAACNSURBVCjPtdLLEoIwEERREoIxiqKQBO7//6gLi7LETO/s7anKY6a77p8Jj/nuLTwBlGhoAYAyNJU9zeP55OqVNo7nK7lXerz+qGxnpZAHpbB4pXCRSpJapW5SF6XVC705+81zsKdRo5hkcvacn97eYA729tcomjO639at+y/6VmPHd99Cu+1ugjW5Fr0A0N4q5uIDt0YAAAAASUVORK5CYII="
                class="google-pay-icon"
              />
              <div>Google Play</div>
            </a>
          </div>
        </div>
        <div class="download-right">
          <img src="@/assets/images/download-img.4fed2226.png" />
        </div>
      </div>
    </div> -->

    <div data-v-fa03526b="" class="download_pc">
      <div class="wrap container">
        <div class="left">
          <img src="../../../assets/forexImages/df-1da51671.png" alt="" />
        </div>
        <div class="right">
          <dl>
            <dt>{{ $t('message.home["從帳戶充值開始"]') }}</dt>
            <dd>
              {{
                $t(
                  'message.home["支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。"]'
                )
              }}
            </dd>
            <dt>{{ $t('message.home["進行現貨交易"]') }}</dt>
            <dd>
              {{
                $t(
                  'message.home["提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。"]'
                )
              }}
            </dd>
            <dt>{{ $t('message.home["進行永續合約交易"]') }}</dt>
            <dd>
              {{
                $t('message.home["多倍槓桿放大交易收益，無期限優化投資組合。"]')
              }}
            </dd>
          </dl>
          <h1>在具有深度流動性的市場中進行加密貨幣交易</h1>
          <div class="bot">
            <div class="bot_l">
              <canvas
                width="288"
                height="288"
                style="width: 144px; height: 144px"
              ></canvas
              ><button class="btn">
                <span>IOS</span
                ><i class="el-icon" style="font-size: 24px; --color: #f7b328"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 1024 1024"
                  >
                    <path
                      fill="currentColor"
                      d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
                    ></path></svg
                ></i>
              </button>
            </div>
            <div class="bot_r">
              <canvas
                width="288"
                height="288"
                style="width: 144px; height: 144px"
              ></canvas
              ><button class="btn">
                <span>Android</span
                ><i class="el-icon" style="font-size: 24px; --color: #f7b328"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    viewBox="0 0 1024 1024"
                  >
                    <path
                      fill="currentColor"
                      d="M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
                    ></path></svg
                ></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div>
      <!-- <div class="invite invite-pc">
        <div class="invite-left">
          <img src="@/assets/images/invite-img.b09d093f.png" />
        </div>
        <div class="invite-right">
          <div class="invite-title">
            {{ $t('message.home["邀請好友，享40%返佣"]') }}
          </div>
          <div class="invite-desc">{{ $t('message.home["邀請返佣"]') }}</div>
          <button>
            {{ $t('message.home["learn-more"]')
            {{ $t('message.home["領取高額返佣"]')
            }}<img
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC"
            />
          </button>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="download download-pc">
      <div class="download-left">
        <div class="download-title">
          {{ $t('message.home["輕鬆玩賺數字貨幣."]') }}
        </div>
        <div class="download-desc">
          {{ $t('message.home["download-desc"]') }}
        </div>
        <div class="download-qrcod">
          <div class="download-qrcod-left">
            <img src="@/assets/images/er-code.png" />
          </div>
          <div class="download-qrcod-right">
            <div class="p1">{{ $t('message.home["掃碼下載"]') }}</div>
            <div class="p2">iOS &amp; Android</div>
          </div>
        </div>
        <div class="download-btn">
          <a href="app.mobileconfig" class="app-store"
            >&gt;
            <img
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAApCAMAAABnXgszAAAAAXNSR0IArs4c6QAAAEtQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////g5kLBwAAABh0Uk5TABAgMEBPUF9gb3CAkJ+gr76/z97f7u/+pQ2o+wAAAOhJREFUGBl9wQl2gzAMBcAv4YawGGqimH//kxbjLG1f5Bk4Qo+2IdPQoonkhgY1HiIaFhYBvsDC0LCwUDRkHq5oEJKpQ4vEOeAjGWJKc8BJhtVsW3vBmyZW1quExAcb8dRnOlbB6ULfikIzfTOKhb4JhdI34TTTZagSXSMq+jqclK6MqqPLUHV0GSqlT3AS+r5QGV0J1UrfBaeRvqwoAhssoDC2RAEwscVwELZEFJENikIzXRHVRI8pKrnR0eOpu/OjiLeRn5jgl2lnsd+3lIyVKf643vZ9/x4Eh27JJFfBfyEoXkIQPPwAAgVL7cJJiO8AAAAASUVORK5CYII="
              class="app-store-icon"
            />
            <div>App Store</div> </a
          ><a href="app.apk" class="google-pay"
            ><img
              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAAXNSR0IArs4c6QAAAE5QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////kJcbLQAAABl0Uk5TABAgMEBfb3B/gI6PkJ6foK++v87e3+7v/jitggUAAACNSURBVCjPtdLLEoIwEERREoIxiqKQBO7//6gLi7LETO/s7anKY6a77p8Jj/nuLTwBlGhoAYAyNJU9zeP55OqVNo7nK7lXerz+qGxnpZAHpbB4pXCRSpJapW5SF6XVC705+81zsKdRo5hkcvacn97eYA729tcomjO639at+y/6VmPHd99Cu+1ugjW5Fr0A0N4q5uIDt0YAAAAASUVORK5CYII="
              class="google-pay-icon"
            />
            <div>Google Play</div>
          </a>
        </div>
      </div>
      <div class="download-right">
        <img src="@/assets/images/download-img.4fed2226.png" />
      </div>
    </div>
  </div>
  <div>
    <div class="invite invite-pc">
      <div class="invite-left">
        <img src="@/assets/images/invite-img.b09d093f.png" />
      </div>
      <div class="invite-right">
        <div class="invite-title">
          {{ $t('message.home["邀請好友，享40%返佣"]') }}
        </div>
        <div class="invite-desc">{{ $t('message.home["邀請返佣"]') }}</div>
        <button>
          {{ $t('message.home["領取高額返佣"]')
          }}<img
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC"
          />
        </button>
      </div>
      </div> -->
    </div>
  </div>
</template>
@@ -197,8 +240,8 @@

<style scoped lang="scss">
.introduce {
  background: #1B1E26;
  width: 1200px;
  background: #1b1e26;
  // width: 1200px;
  margin: 0 auto;

  .h1-title {
@@ -269,7 +312,7 @@

  .introduce-2 {
    margin-top: 76px;

    background: #181a20;
    ul {
      display: flex;
      justify-content: center;
@@ -355,7 +398,7 @@
          cursor: pointer;
          padding: 0 16px;
          height: 48px;
          background: #2a64fb;
          background: #f7b328;
          border-radius: 24px;
          color: #fff;
          outline: none;
@@ -541,7 +584,7 @@
      justify-content: center;
      outline: none;
      border: none;
      background: #2a64fb;
      background: #f7b328;
      margin-top: 32px;
      border-radius: 24px;
      font-size: 18px;
@@ -555,4 +598,144 @@
    }
  }
}

.container {
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px;
  margin: 0 auto;
  .desc {
    h1 {
      color: #fff;
      text-align: center;
    }
    p {
      max-width: 60%;
      margin: 12px auto 0;
      color: #fff;
      text-align: center;
    }
  }

  .list {
    display: flex;
    justify-content: space-around;
    margin-top: 160px;
  }
  .list_item {
    flex: 0 0 23%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    .img128 {
      width: 128px;
      height: 128px;
    }
    img {
      width: 188px;
      height: 128px;
    }
    .list_item_title {
      color: #fff;
      font-size: 20px;
      margin: 20px 0;
    }
    .list_item_text {
      color: #b1b1b1;
      font-size: 16px;
      width: 188px;
      text-align: center;
    }
  }
}

.download_pc {
  width: 100%;
  background-color: #1b1e26;
  padding: 48px 0;
  .container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 24px;
    display: flex;
    align-content: center;
  }
  .wrap {
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 auto;
    .left {
      width: 60%;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .right {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      h1 {
        color: #fff;
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 10px;
        width: 340px;
      }
      .bot {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        .bot_l {
          display: flex;
          height: 144px;
          flex-direction: column;
          align-items: baseline;
          justify-content: flex-start;
          margin-right: 20px;
          .btn {
            width: 144px;
            display: flex;
            margin-top: 20px;
            padding: 10px 0;
            cursor: pointer;
            align-items: center;
            justify-content: space-around;
            height: 58px;
            background: rgb(33, 33, 33);
            border: 1px solid rgba(177, 177, 177, 0.5);
            border-radius: 8px;
            color: #f7b328;
          }
        }
        .bot_r {
          display: flex;
          height: 144px;
          flex-direction: column;
          align-items: baseline;
          justify-content: flex-start;
          .btn {
            width: 144px;
            display: flex;
            margin-top: 20px;
            padding: 10px 0;
            cursor: pointer;
            align-items: center;
            justify-content: space-around;
            height: 58px;
            background: rgb(33, 33, 33);
            border: 1px solid rgba(177, 177, 177, 0.5);
            border-radius: 8px;
            color: #f7b328;
          }
        }
      }
    }
  }
}
</style>