5.10航天ui交易所pc端,代码jiem-pc
lxf
2025-06-13 066ec67b7080f07a0e47dda9864ee6be2e4b9053
src/views/market/components/pageDetail.vue
@@ -1,11 +1,27 @@
<template>
  <div class="welcome">
    <div class="welcome-content">
      <div class="title-1">{{ $t('message.home["歡迎來到 BCWP"]') }}</div>
      <div class="title-2">
        {{ $t('message.home["即刻開啟您的數字貨幣之旅。"]') }}
      <!-- <div class="title-1">{{ $t('message.home["歡迎來到 Deepcoin"]') }}值得用户信赖的加密货币交易平台</div> -->
      <div class="title-1">
        {{ $t("message.user.may1") }}
      </div>
      <div class="action-btns" v-if="userStore.userInfo.token">
      <div class="title-2">
        {{ $t("message.user.may2") }}
      </div>
      <div class="inputBox">
        <input type="text" />
        <span class="button">
          <font
            style="vertical-align: inherit"
            @click="$router.push('/register')"
          >
            <font style="vertical-align: inherit">{{
              $t('message.home["j11"]')
            }}</font>
          </font>
        </span>
      </div>
      <!-- <div class="action-btns" v-if="userStore.userInfo.token">
        <el-button
          class="jy"
          @click="
@@ -19,8 +35,8 @@
        <el-button class="cz" @click="$router.push('/recharge')">
          {{ $t("message.user.chongzhi") }}</el-button
        >
      </div>
      <el-button
      </div> -->
      <!-- <el-button
        v-if="!userStore.userInfo.token"
        class="register-btn"
        type="primary"
@@ -30,9 +46,11 @@
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAAXNSR0IArs4c6QAAAGxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Pk/gVgAAACN0Uk5TAAgQGCAoMDc4QEhPWF9gZ2hveICHj5efp6+3v8fP3t/n7/fpv/78AAAA20lEQVQYGcXB4U6DMBgF0EspuA7mLKUgY7h93Pd/RxMzmzJbfhk9B/9OHa1z50Zhz4u/CnlfvEGeufBhNsipZwZzhYyRkQFpWhgRjaSWGy2SOm50SOq40SGp5UaLJC2MiEbawMiIjGpmMNfIMTMfLgZ5xi93Uq7+gD2qOTtnjwp/pyi1Lgvs0Y3th3EcettUyKjtuAi/yPJuaySo0ySMyGQVnpX9jU/EldhSfuUP4hU23MqE1RWIGGGSHBGZmHEpEFTCjLVC8MasVwSeWR5Bf3v28c0hOJyyavyyT6RgPCG9KV4nAAAAAElFTkSuQmCC"
        />
        {{ $t('message.home["透過電子郵件/手機號碼註冊"]') }}
      </el-button>
      <div v-if="!userStore.userInfo.token" class="or"><span>or</span></div>
      <div v-if="!userStore.userInfo.token" class="btns">
      </el-button> -->
      <!-- <div v-if="!userStore.userInfo.token" class="or">
        <span>or</span>
      </div> -->
      <!-- <div v-if="!userStore.userInfo.token" class="btns">
        <a class="google-play">
          <img
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAjCAMAAABbyCHdAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAAAAAAQEBAAAAAODhAAAAANTpAAAAAODxEAAAAAAAAAAAAAAAAAAAAOTtEAAAAHB4iODxEAAAAOTxDAAAAOjtDODtDAAAAAAAABQUFODxECAgJCAgKOTtDOT1DCwwNCwwODxASOTxEBwcJCgsNDg8REhMWFhcZFhcaGRodGRoeHB4iHR4iICImIyUrJCUqJykvKi0zKy0zLjE4MjQ7MjQ8MjU7NThAOTxEpF/e/AAAACN0Uk5TABAQICAwMEBAT19gb3Bwf4CAkJCfn6Cvv7+/39/f3+/v7++6JeDFAAABDElEQVQ4y7WTXVuCMBiGB2paZGRfDqJMEmdGI6vR8/9/WQeA7tngsJ3e93U979eEECKIopEYfpfr6nN3N2hEbwBgXuIBvvwCAKDKLnq5LOpGQLnsC5HmKJi+MiROAr79EAlbQJWde5wEs+cQCUeA2cWBw1nQW6sMCVfQCiiTEfOToBX1KsFCgwGYLCbeCEcMoJwThylqGwPrgDjM69bGeJ8y18puE9hPiGvFc/h5pHyteA6H1cTmbWmd8NvuQTLuhI9kSvOzGjNFfVjNef7Ut9ncBLwfHks6dvZP+Gnm3o+N8yvv/mx8G3r3aeH0zL//RA0Et++6C16Evf8rfAYA3IdDH3j8kOfpTPzP+wNccXgk9byhTQAAAABJRU5ErkJggg=="
@@ -41,7 +59,7 @@
          <div class="p1">Google Play</div>
          <div class="mask">
            <div class="mask-title">Scan to download</div>
            <img src="https://BCWP.com/er-code.png" class="icon" />
            <img src="https://Deepcoin.com/er-code.png" class="icon" />
            <button>More</button>
          </div>
        </a>
@@ -53,23 +71,27 @@
          <div class="p1">App Store</div>
          <div class="mask">
            <div class="mask-title">Scan to download</div>
            <img src="https://BCWP.com/er-code.png" class="icon" />
            <img src="https://Deepcoin.com/er-code.png" class="icon" />
            <button>More</button>
          </div>
        </a>
      </div>
      <div class="tip">
      </div> -->
      <!-- <div class="tip">
        {{
          $t('message.home["揭開驚喜,解鎖獎勵 – 你的精彩之旅從這裡開始!"]')
        }}
        <img
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAMAAACOLiwjAAAAAXNSR0IArs4c6QAAADNQTFRFAAAAICAwICAwJSUwIiYuIiYuJCYwIiUuIyUuIyUvIyYvIyYuIyYvIyUvIyYvIyYvIyYvbgd1ZQAAABB0Uk5TABAgMH+AgI+Qn5+gr7/f76mIx4UAAABBSURBVBjTfc45DgAgCERR3Hfl/qe1c8ZCqf4LCUHEWTnjdUJBSaazpP213EP5Urw0VAsewYY7Udd3T26LO/gyUG8DewQfiCCoRgAAAABJRU5ErkJggg=="
        />
      </div>
      </div> -->
    </div>
    <div class="bg-img">
      <div class="jq">
        <svg
        <img
          src="../../../assets/forexImages/banner2.png"
          style="width: 406px; height: 271px"
        />
        <!-- <svg
          xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          viewBox="0 0 1000 1000"
@@ -194,11 +216,11 @@
              ></image>
            </g>
          </g>
        </svg>
        </svg> -->
      </div>
      <div class="suspension">
      <!-- <div class="suspension">
        <div class="title">
          {{ $t('message.home["立刻下載BCWP手機 App!"]') }}
          {{ $t('message.home["立刻下載Deepcoin手機 App!"]') }}
        </div>
        <div class="btns">
          <a class="apple-store" style="margin-right: 10px">
@@ -218,7 +240,7 @@
            <div class="p2">Download</div>
          </a>
        </div>
      </div>
      </div> -->
    </div>
  </div>
  <!--    <div class="hot">-->
@@ -227,7 +249,7 @@
  <!--          <div class="left">-->
  <!--            <div class="coin-info">-->
  <!--              <div class="el-image" style="width: 24px; height: 24px;"><img-->
  <!--                  src="https://BCWP.com/symbol/btc.png" class="el-image__inner"></div>-->
  <!--                  src="https://Deepcoin.com/symbol/btc.png" class="el-image__inner"></div>-->
  <!--              <span class="coin-title">BTC/USDT </span></div>-->
  <!--            <div class="money">70871.11</div>-->
  <!--            <div class="percentage percentage-add"> 2.56%</div>-->
@@ -247,7 +269,7 @@
  <!--          <div class="left">-->
  <!--            <div class="coin-info">-->
  <!--              <div class="el-image" style="width: 24px; height: 24px;"><img-->
  <!--                  src="https://BCWP.com/symbol/eth.png" class="el-image__inner">&lt;!&ndash;&ndash;&gt;</div>-->
  <!--                  src="https://Deepcoin.com/symbol/eth.png" class="el-image__inner">&lt;!&ndash;&ndash;&gt;</div>-->
  <!--              <span class="coin-title">ETH/USDT </span></div>-->
  <!--            <div class="money">3805.03</div>-->
  <!--            <div class="percentage percentage-add"> 0.77%</div>-->
@@ -268,7 +290,7 @@
  <!--          <div class="left">-->
  <!--            <div class="coin-info">-->
  <!--              <div class="el-image" style="width: 24px; height: 24px;"><img-->
  <!--                  src="https://BCWP.com/symbol/ltc.png" class="el-image__inner">&lt;!&ndash;&ndash;&gt;</div>-->
  <!--                  src="https://Deepcoin.com/symbol/ltc.png" class="el-image__inner">&lt;!&ndash;&ndash;&gt;</div>-->
  <!--              <span class="coin-title">LTC/USDT </span></div>-->
  <!--            <div class="money">83.62</div>-->
  <!--            <div class="percentage percentage-add"> 0.83%</div>-->
@@ -307,7 +329,9 @@
.welcome {
  height: 510px;
  width: 100%;
  background-color: #e9eeff;
  /* background-color: #e9eeff; */
  background-image: url("../../../assets/forexImages/bg.png");
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
@@ -326,7 +350,7 @@
      display: flex;
      align-items: center;
      justify-content: center;
      background: #2a64fb;
      background: #f7b328;
      border-radius: 6px;
      outline: none;
      border: none;
@@ -480,17 +504,19 @@
  font-size: 40px;
  font-family: Noto Sans SC;
  font-weight: 700;
  color: #2a64fb;
  /* color: linear-gradient(90deg, #ffd302 0, #7e57e0); */
  /* color: linear-gradient(90deg, #ffd302 0, #7e57e0); */
  background: linear-gradient(90deg, #ffd302 0, #7e57e0);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: 600px;
  line-height: 47px;
}
.welcome .welcome-content .title-2 {
  font-size: 40px;
  font-family: Noto Sans SC;
  font-weight: 700;
  color: #23262f;
  line-height: 47px;
  margin-top: 10px;
  color: #fff;
  font-size: 26px;
  margin-top: 12px;
}
.welcome .welcome-content .action-btns {
@@ -499,8 +525,8 @@
}
.welcome .welcome-content .action-btns button.jy {
  background: #2a64fb;
  border: 1px solid #2a64fb;
  background: #f7b328;
  border: 1px solid #f7b328;
  color: #fff;
}
@@ -542,13 +568,13 @@
  position: absolute;
  right: 0;
  top: -70px;
  width: 866px;
  width: 650px;
  height: 640px;
  background: url(https://BCWP.com/img/right-bg-1.c9ac5e41.svg) 166px 0px
  background: url(https://Deepcoin.com/img/right-bg-1.c9ac5e41.svg) 166px 0px
    no-repeat;
  .jq {
    position: absolute;
    top: 152px;
    top: 222px;
    left: 149px;
    width: 504.339px;
    height: 510.84px;
@@ -822,4 +848,33 @@
a {
  text-decoration: none;
}
.inputBox {
  margin: 24px 0;
  display: flex;
  align-items: flex-start;
  input {
    width: 256px;
    height: 56px;
    outline: none;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: none;
    padding: 0 10px;
    font-size: 20px;
  }
  span {
    width: 128px;
    height: 56px;
    display: inline-block;
    background: #f7b328;
    color: #fff;
    text-align: center;
    line-height: 56px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
  }
}
</style>