jys-MT10-pc.git

parent: 1a0dfc34 | patch | commit | show whitespace

dcc

2024-06-13 fad052d0879be9d0bf85794ad686d4badaedd864

机器臂

2 files modified

8 files added

1 files deleted

	pc.zip	patch \| view \| raw \| blame \| history
	src/assets/images/img_0.png	patch \| view \| raw \| blame \| history
	src/assets/images/img_1.png	patch \| view \| raw \| blame \| history
	src/assets/images/img_2.png	patch \| view \| raw \| blame \| history
	src/assets/images/img_3.png	patch \| view \| raw \| blame \| history
	src/assets/images/img_4.png	patch \| view \| raw \| blame \| history
	src/assets/images/img_5.png	patch \| view \| raw \| blame \| history
	src/assets/images/img_6.png	patch \| view \| raw \| blame \| history
	src/assets/images/jilu.fc5ade0b.svg	31 ●●●●● patch \| view \| raw \| blame \| history
	src/views/market/components/pageDetail.vue	155 ●●●●● patch \| view \| raw \| blame \| history
	src/views/market/page.vue	35 ●●●●● patch \| view \| raw \| blame \| history

 pc.zip

Binary files differ

 src/assets/images/img_0.png


 src/assets/images/img_1.png


 src/assets/images/img_2.png


 src/assets/images/img_3.png


 src/assets/images/img_4.png


 src/assets/images/img_5.png


 src/assets/images/img_6.png


 src/assets/images/jilu.fc5ade0b.svg

New file
@@ -0,0 +1,31 @@
<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="span.svg-color:mask-group">
<mask id="mask0_5027_11220" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="15" height="16">
<g id="span.svg-color:mask">
<g id="iconbilling_record.svg fill" clip-path="url(#clip0_5027_11220)">
<g id="iconbilling_record.svg" clip-path="url(#clip1_5027_11220)">
<g id="&#240;&#159;&#141;&#131;-------------------------------&#230;&#156;&#159;&#230;&#157;&#131;">
<g id="&#228;&#186;&#164;&#230;&#152;&#147;-&#232;&#181;&#132;&#228;&#186;&#167;">
<g id="&#231;&#188;&#150;&#231;&#187;&#132;">
<path id="Fill-1" fill-rule="evenodd" clip-rule="evenodd" d="M3.10608 3.69174H7.6855V2.72115H3.10608V3.69174ZM3.10608 6.0035H5.64726V5.02409H3.10608V6.0035ZM7.93255 0.356445H2.63844C1.91491 0.356445 1.32373 0.947622 1.32373 1.67115V12.2506C1.32373 12.9829 1.90608 13.5829 2.62961 13.5829H5.19726C4.72961 12.8064 4.46491 11.9064 4.46491 10.9447C4.46491 8.14762 6.72373 5.87115 9.52079 5.87115C10.3855 5.87115 11.1973 6.09174 11.9031 6.47115V4.31821L7.93255 0.356445Z" fill="#637381"/>
<path id="Fill-3" fill-rule="evenodd" clip-rule="evenodd" d="M10.8795 12.8683L9.11482 11.1036V8.46539H9.94423V10.7683L11.4619 12.2948L10.8795 12.8683ZM12.7766 8.41245C12.5295 8.09481 12.2295 7.81245 11.9031 7.57422C11.2325 7.10657 10.4031 6.82422 9.5207 6.82422C7.25305 6.82422 5.40894 8.66834 5.40894 10.9448C5.40894 11.9419 5.7707 12.8595 6.36188 13.583C6.66188 13.9272 7.01482 14.2272 7.41188 14.4654C8.02952 14.836 8.75305 15.0566 9.5207 15.0566C10.306 15.0566 11.0295 14.836 11.6472 14.4654C12.0795 14.2095 12.4678 13.8654 12.7766 13.4683C13.3236 12.7713 13.6413 11.8889 13.6413 10.9448C13.6413 9.98304 13.3236 9.10951 12.7766 8.41245Z" fill="#637381"/>
</g>
</g>
</g>
</g>
</g>
</g>
</mask>
<g mask="url(#mask0_5027_11220)">
<rect id="span.svg-color" y="0.356445" width="15" height="15" fill="#868C9A"/>
</g>
</g>
<defs>
<clipPath id="clip0_5027_11220">
<rect width="15" height="15" fill="white" transform="translate(0 0.356445)"/>
</clipPath>
<clipPath id="clip1_5027_11220">
<rect width="12.3529" height="15" fill="white" transform="translate(1.32373 0.356445)"/>
</clipPath>
</defs>
</svg>

 src/views/market/components/pageDetail.vue

@@ -44,6 +44,64 @@
      </div>
    </div>
    <div class="bg-img">
      <div class="jq">
        <svg xmlns="http://www.w3.org/2000/svg"
          xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000" width="1000" height="1000"
          preserveAspectRatio="xMidYMid meet"
          style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
          <defs>
            <clipPath id="__lottie_element_48">
              <rect width="1000" height="1000" x="0" y="0"></rect>
            </clipPath>
            <image xlink:href="@/assets/images/img_0.png"></image>
            <image xlink:href="@/assets/images/img_1.png"></image>
            <image xlink:href="@/assets/images/img_2.png"></image>
            <image xlink:href="@/assets/images/img_3.png"></image>
            <image xlink:href="@/assets/images/img_4.png"></image>
            <image xlink:href="@/assets/images/img_5.png"></image>
            <image xlink:href="@/assets/images/img_6.png"></image>
          </defs>
          <g clip-path="url(#__lottie_element_48)">
            <g class="png" style="display: block;" transform="matrix(1,0,0,1,270,662.5)" opacity="1">
              <image width="376px" height="339px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_6.png"></image>
            </g>
            <g class="png" style="display: block;" transform="matrix(1,0,0,1,520.5,110.54200744628906)" opacity="1">
              <image class="img_5" width="323px" height="252px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_5.png"></image>
            </g>
            <g class="png" style="display: block;" transform="matrix(1,0,0,1,670.3294067382812,283.9642028808594)"
              opacity="1">
              <image class="img_4" width="355px" height="365px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_4.png"></image>
            </g>
            <g class="png" style="display: block;"
              transform="matrix(0.9999943375587463,0.003364115720614791,-0.003364115720614791,0.9999943375587463,508.53765869140625,565.6394653320312)"
              opacity="1">
              <image class="img_3" width="376px" height="319px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_3.png"></image>
            </g>
            <g class="png" style="display: block;"
              transform="matrix(0.9967423677444458,0.08065123856067657,-0.08065123856067657,0.9967423677444458,736.8223876953125,519.9822387695312)"
              opacity="1">
              <image class="img_2" width="247px" height="246px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_2.png"></image>
            </g>
            <g class="png" style="display: block;"
              transform="matrix(0.14042603969573975,0.9900911450386047,-0.9900911450386047,0.14042603969573975,583.931884765625,641.3410034179688)"
              opacity="1">
              <image class="img_1" width="287px" height="286px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_1.png"></image>
            </g>
            <g class="png" style="display: block;"
              transform="matrix(0.9967423677444458,0.08065123856067657,-0.08065123856067657,0.9967423677444458,780.9017333984375,260.44317626953125)"
              opacity="1">
              <image class="img_0" width="93px" height="93px" preserveAspectRatio="xMidYMid slice"
                xlink:href="@/assets/images/img_0.png"></image>
            </g>
          </g>
        </svg>
      </div>
      <div class="suspension">
        <div class="title">{{ $t('message.home["立刻下載COLLOTI手機 App!"]') }}</div>
        <div class="btns">
@@ -149,7 +207,6 @@


<style scoped lang="css">

.welcome {
  height: 510px;
  width: 100%;
@@ -185,6 +242,7 @@
        margin-right: 8px
      }
    }

    .or {
      position: relative;
      width: 408px;
@@ -192,6 +250,7 @@
      height: 1px;
      background: #afb1bb;
      text-align: center;

      span {
        position: absolute;
        left: 50%;
@@ -207,9 +266,11 @@
        background: #edf1ff;
      }
    }

    .btns {
      display: flex;
      margin-top: 16px;

      a {
        cursor: pointer;
        width: 196px;
@@ -223,14 +284,17 @@
        position: relative;
        border-radius: 90px;
        border: 1px solid #afb1bb;

        &:first-child {
          margin-left: 0
        }

        img{
          flex: 0 0 24px;
          width: 24px;
          height: 24px;
        }

        .p1{
          font-size: 17px;
          font-family: Noto Sans SC;
@@ -239,6 +303,7 @@
          line-height: 24px;
          margin-left: 8px;
        }

        .mask{
          display: none;
          position: absolute;
@@ -252,6 +317,7 @@
          box-sizing: border-box;
          padding-top: 6px;
          box-shadow: 0 2px 6px rgba(0,0,0,.1);

          &:before {
            content: "";
            position: absolute;
@@ -264,6 +330,7 @@
            transform: rotate(45deg);
            background: #fff
          }

          .mask-title {
            font-size: 12px;
            font-family: Noto Sans SC;
@@ -272,6 +339,7 @@
            line-height: 35px;
            text-align: center;
          }

          img {
            display: block;
            width: 110px;
@@ -279,6 +347,7 @@
            margin: 0 auto;
            margin-top: 7px;
          }

          button {
            width: 137px;
            height: 26px;
@@ -296,11 +365,13 @@
          }
        }
      }

      a.google-play img {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
      }

      a:hover .mask {
        display: block;
      }
@@ -376,7 +447,14 @@
  top: -70px;
  width: 866px;
  height: 640px;
  background: url(https://colloti.com/img/right-bg-1.c9ac5e41.svg) 166px 0px no-repeat
  background: url(https://colloti.com/img/right-bg-1.c9ac5e41.svg) 166px 0px no-repeat;
  .jq {
        position: absolute;
        top: 152px;
        left: 149px;
        width: 504.339px;
        height: 510.84px
    }
}

.welcome .bg-img .suspension {
@@ -387,8 +465,75 @@
  height: 139px;
  border-radius: 18px;
  background: hsla(0, 0%, 100%, .8);
  animation: move-21751b44 4s linear 0s infinite
  animation: move-21751b44 4s linear 0s infinite;
}

@keyframes move-21751b44 {
  0% {
    transform: translateY(0);
  }

  49% {
    transform: translateY(20px);
  }

  98% {
    transform: translateY(0);
  }
}

.img_1{
  transform-origin: 14.5% 14.5%;
  animation: img_1_move 4s linear infinite;
}
.img_2{
  transform-origin: 12.5% 12.5%;
  animation: img_1_move 4s linear infinite;
}

.img_0{
  transform-origin: 5% 5%;
  animation: img_1_move 4s linear infinite;
}


.img_3{
  transform-origin: 12.5% 12.5%;
  animation: img_3_move 4s linear infinite;
}

.img_4{
  animation: move-21751b44 4s linear 0s infinite;
}

.img_5{
  animation: move-21751b44 4s linear 0s infinite;
}
@keyframes img_3_move {
  0% {
    transform: rotate(0deg);
  }

  98% {
    transform: rotate(-5deg);
  }
}


@keyframes img_1_move {
  0% {
    transform: rotate(0deg);
  }

  /* 49% {
    transform: rotate(180deg) translateY(10px);
  } */

  98% {
    transform: rotate(90deg) translateX(10px);
  }
}


.welcome .bg-img .suspension .title {
  line-height: 20px;
@@ -580,5 +725,7 @@
  }
}

a {text-decoration: none;}
a {
  text-decoration: none;
}
</style>

 src/views/market/page.vue

@@ -157,16 +157,14 @@
              </div>
            </div>
            <div style="flex: 1;margin-left: 100px; margin-top: 0px;">
              <h5
                class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
              <h5 class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
                {{$t('message.home.dibu1')}} </h5>
              <div class="link-box">
                <div class="footer-view-title-p1"> {{$t('message.home.gongsijianjie')}}</div>
              </div>
            </div>
            <div style="flex: 1;margin-left: 40px; margin-top: 0px;">
              <h5
                class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
              <h5 class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
                {{$t('message.home.falvyinsizhengce')}} </h5>
              <div class="link-box">
                <div class="footer-view-title-p1"> {{$t('message.home.shiyongtikuan')}}</div>
@@ -175,8 +173,7 @@
              </div>
            </div>
            <div style="flex: 1;margin-left: 60px; margin-top: 0px;">
              <h5
                class="font-size16 margin-top-bottom20 footer-view-title-h1">
              <h5 class="font-size16 margin-top-bottom20 footer-view-title-h1">
                {{$t('message.home.fuwu')}} </h5>
              <div class="link-box">
                <div class="footer-view-title-p1"> {{$t('message.home.xinshouzhidao')}}</div>
@@ -185,8 +182,8 @@
              </div>
            </div>
            <div class="right-footer" style="flex: 1;margin-left: 80px; margin-top: 0px;">
              <div><h5
                  class="font-size16 margin-top-bottom20 footer-view-title-h1"> Community </h5>
              <div>
                <h5 class="font-size16 margin-top-bottom20 footer-view-title-h1"> Community </h5>
                <div class="footer-icon-box">
                  <div><img
                      src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAIFQTFRFAAAAIID/IID/I4P/I4T/I4L/JIP/JIH/JIP/I4H/I4T/I4P/JIP/JIL/JIP/JIP/I4T/JIP/JIP/Mov/P5L/P5P/TZr/WqL/W6L/aKr/drH/g7n/hLn/kcH/ksH/n8j/n8n/oMn/rND/rdD/rdH/u9j/yOD/1uj/5O//8vf/////6VeCRwAAABJ0Uk5TABAgUF9gf4CAkJ+gr7C/z9/vyTaJiQAAAZVJREFUSMedlt12gjAQhBcElGohGdNqqVqq1eK+/wP2AjEbCH+dOzjzMbtJThaitoI43SgNQGVpFNKIgiSDo3yQCRKNrl56Ea8dABKvPczRK+UJiTQGpBedcjCiZKa/RSwwQZHoV08BtO1cYZLyGQ3UWj4KmuqHDoiIaD0ZqCNswOHOXt2PTkTcPBXcq72MeB6hktkbcWf+aTyZrOjMvPvu+st3ASCwFeHM/AZTufZqDyOBmFIJfAI4yWpOAD4kkFImAb4YwPw2/psBtleWwKs4Fmdm5qoAUFTMzPfDc6ktoAguUH/WXJivW8Dc6ncW0F2A+Qig2AM4NstsAfgArgwA7J69OID2AMxf220pHiWgvABXzn7Ipjd+wJUFMnfjxoHUPRrjQETBPCAkezamADkRLecAEREFehwoRUU2Yt8PFM2oqMdIE3HquwQOToDoYkyr5urLp/nV/y9jsd0DcobQakYDE4lVe8gthodi7Bm7A2Ml98/2vrL0qu9XIFx77cHA30YYtzYxG7Q/mDRTALTapHHX/QdtKbEq3b4ckQAAAABJRU5ErkJggg=="
@@ -230,7 +227,8 @@
      <div class="bottom-info">
        <div>
          {{$t('message.home["bottom-info"]')}}
          <p>Vexus 2024 © {{$t('message.home["版權所有"]')}}。</p></div>
          <p>Vexus 2024 © {{ $t('message.home["版權所有"]') }}。</p>
        </div>
      </div>
    </div>
    <!-- 语言和汇率弹窗 -->
@@ -269,6 +267,7 @@
  width: 100vw;
  //background-color: #e9eeff;
  background-color: #fdfeff;

  .partner-list {
    width: 100%;
    height: 160px;
@@ -352,9 +351,11 @@
            height: 40px;
            border-radius: 6px;
            border: 1px solid #dcdfe6;

            .icon {
              width: 16px;
              height: 16px;

              img {
                display: block;
                width: 100%;
@@ -419,15 +420,18 @@

          .right-footer {
            padding-top: 0;

            .footer-icon-box {
              display: flex;
              flex-wrap: wrap;

              div {
                flex: 0 0 24px;
                width: 24px;
                height: 24px;
                margin-right: 24px;
                margin-bottom: 24px;

                img {
                  display: inline-block;
                  width: 24px;
@@ -444,6 +448,7 @@
        margin: 0 auto;
      }
    }

    .bottom-info {
      font-size: 12px;
      line-height: 20px;
@@ -452,6 +457,7 @@
      border-top: 1px solid #f2f2f2;
      padding-bottom: 35px;
      margin: 0 auto;

      div {
        width: 68%;
        margin: 35px auto 0 auto
@@ -463,9 +469,11 @@
.right-footer>div:first-child {
  width: 193px;
}

.right-footer>div>h5 {
  margin-bottom: 20px;
}

.footer-view-title-h1 {
  width: 164px;
  height: 22px;
@@ -477,5 +485,14 @@
  color: #000;
}

@keyframes scroll {
    0% {
      transform: translate(0);
    }

    100% {
      transform: translate(-50%);
    }
  }

</style>

New file
			@@ -0,0 +1,31 @@
			<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg">
			<g id="span.svg-color:mask-group">
			<mask id="mask0_5027_11220" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="15" height="16">
			<g id="span.svg-color:mask">
			<g id="iconbilling_record.svg fill" clip-path="url(#clip0_5027_11220)">
			<g id="iconbilling_record.svg" clip-path="url(#clip1_5027_11220)">
			<g id="ð-------------------------------ææ">
			<g id="äº¤æ-èµäº§">
			<g id="ç¼ç»">
			<path id="Fill-1" fill-rule="evenodd" clip-rule="evenodd" d="M3.10608 3.69174H7.6855V2.72115H3.10608V3.69174ZM3.10608 6.0035H5.64726V5.02409H3.10608V6.0035ZM7.93255 0.356445H2.63844C1.91491 0.356445 1.32373 0.947622 1.32373 1.67115V12.2506C1.32373 12.9829 1.90608 13.5829 2.62961 13.5829H5.19726C4.72961 12.8064 4.46491 11.9064 4.46491 10.9447C4.46491 8.14762 6.72373 5.87115 9.52079 5.87115C10.3855 5.87115 11.1973 6.09174 11.9031 6.47115V4.31821L7.93255 0.356445Z" fill="#637381"/>
			<path id="Fill-3" fill-rule="evenodd" clip-rule="evenodd" d="M10.8795 12.8683L9.11482 11.1036V8.46539H9.94423V10.7683L11.4619 12.2948L10.8795 12.8683ZM12.7766 8.41245C12.5295 8.09481 12.2295 7.81245 11.9031 7.57422C11.2325 7.10657 10.4031 6.82422 9.5207 6.82422C7.25305 6.82422 5.40894 8.66834 5.40894 10.9448C5.40894 11.9419 5.7707 12.8595 6.36188 13.583C6.66188 13.9272 7.01482 14.2272 7.41188 14.4654C8.02952 14.836 8.75305 15.0566 9.5207 15.0566C10.306 15.0566 11.0295 14.836 11.6472 14.4654C12.0795 14.2095 12.4678 13.8654 12.7766 13.4683C13.3236 12.7713 13.6413 11.8889 13.6413 10.9448C13.6413 9.98304 13.3236 9.10951 12.7766 8.41245Z" fill="#637381"/>
			</g>
			</g>
			</g>
			</g>
			</g>
			</g>
			</mask>
			<g mask="url(#mask0_5027_11220)">
			<rect id="span.svg-color" y="0.356445" width="15" height="15" fill="#868C9A"/>
			</g>
			</g>
			<defs>
			<clipPath id="clip0_5027_11220">
			<rect width="15" height="15" fill="white" transform="translate(0 0.356445)"/>
			</clipPath>
			<clipPath id="clip1_5027_11220">
			<rect width="12.3529" height="15" fill="white" transform="translate(1.32373 0.356445)"/>
			</clipPath>
			</defs>
			</svg>

			@@ -44,6 +44,64 @@
			</div>
			</div>
			<div class="bg-img">
			<div class="jq">
			<svg xmlns="http://www.w3.org/2000/svg"
			xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000" width="1000" height="1000"
			preserveAspectRatio="xMidYMid meet"
			style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;">
			<defs>
			<clipPath id="__lottie_element_48">
			<rect width="1000" height="1000" x="0" y="0"></rect>
			</clipPath>
			<image xlink:href="@/assets/images/img_0.png"></image>
			<image xlink:href="@/assets/images/img_1.png"></image>
			<image xlink:href="@/assets/images/img_2.png"></image>
			<image xlink:href="@/assets/images/img_3.png"></image>
			<image xlink:href="@/assets/images/img_4.png"></image>
			<image xlink:href="@/assets/images/img_5.png"></image>
			<image xlink:href="@/assets/images/img_6.png"></image>
			</defs>
			<g clip-path="url(#__lottie_element_48)">
			<g class="png" style="display: block;" transform="matrix(1,0,0,1,270,662.5)" opacity="1">
			<image width="376px" height="339px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_6.png"></image>
			</g>
			<g class="png" style="display: block;" transform="matrix(1,0,0,1,520.5,110.54200744628906)" opacity="1">
			<image class="img_5" width="323px" height="252px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_5.png"></image>
			</g>
			<g class="png" style="display: block;" transform="matrix(1,0,0,1,670.3294067382812,283.9642028808594)"
			opacity="1">
			<image class="img_4" width="355px" height="365px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_4.png"></image>
			</g>
			<g class="png" style="display: block;"
			transform="matrix(0.9999943375587463,0.003364115720614791,-0.003364115720614791,0.9999943375587463,508.53765869140625,565.6394653320312)"
			opacity="1">
			<image class="img_3" width="376px" height="319px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_3.png"></image>
			</g>
			<g class="png" style="display: block;"
			transform="matrix(0.9967423677444458,0.08065123856067657,-0.08065123856067657,0.9967423677444458,736.8223876953125,519.9822387695312)"
			opacity="1">
			<image class="img_2" width="247px" height="246px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_2.png"></image>
			</g>
			<g class="png" style="display: block;"
			transform="matrix(0.14042603969573975,0.9900911450386047,-0.9900911450386047,0.14042603969573975,583.931884765625,641.3410034179688)"
			opacity="1">
			<image class="img_1" width="287px" height="286px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_1.png"></image>
			</g>
			<g class="png" style="display: block;"
			transform="matrix(0.9967423677444458,0.08065123856067657,-0.08065123856067657,0.9967423677444458,780.9017333984375,260.44317626953125)"
			opacity="1">
			<image class="img_0" width="93px" height="93px" preserveAspectRatio="xMidYMid slice"
			xlink:href="@/assets/images/img_0.png"></image>
			</g>
			</g>
			</svg>
			</div>
			<div class="suspension">
			<div class="title">{{ $t('message.home["立刻下載COLLOTI手機 App!"]') }}</div>
			<div class="btns">
			@@ -149,7 +207,6 @@


			<style scoped lang="css">

			.welcome {
			height: 510px;
			width: 100%;
			@@ -185,6 +242,7 @@
			margin-right: 8px
			}
			}

			.or {
			position: relative;
			width: 408px;
			@@ -192,6 +250,7 @@
			height: 1px;
			background: #afb1bb;
			text-align: center;

			span {
			position: absolute;
			left: 50%;
			@@ -207,9 +266,11 @@
			background: #edf1ff;
			}
			}

			.btns {
			display: flex;
			margin-top: 16px;

			a {
			cursor: pointer;
			width: 196px;
			@@ -223,14 +284,17 @@
			position: relative;
			border-radius: 90px;
			border: 1px solid #afb1bb;

			&:first-child {
			margin-left: 0
			}

			img{
			flex: 0 0 24px;
			width: 24px;
			height: 24px;
			}

			.p1{
			font-size: 17px;
			font-family: Noto Sans SC;
			@@ -239,6 +303,7 @@
			line-height: 24px;
			margin-left: 8px;
			}

			.mask{
			display: none;
			position: absolute;
			@@ -252,6 +317,7 @@
			box-sizing: border-box;
			padding-top: 6px;
			box-shadow: 0 2px 6px rgba(0,0,0,.1);

			&:before {
			content: "";
			position: absolute;
			@@ -264,6 +330,7 @@
			transform: rotate(45deg);
			background: #fff
			}

			.mask-title {
			font-size: 12px;
			font-family: Noto Sans SC;
			@@ -272,6 +339,7 @@
			line-height: 35px;
			text-align: center;
			}

			img {
			display: block;
			width: 110px;
			@@ -279,6 +347,7 @@
			margin: 0 auto;
			margin-top: 7px;
			}

			button {
			width: 137px;
			height: 26px;
			@@ -296,11 +365,13 @@
			}
			}
			}

			a.google-play img {
			flex: 0 0 18px;
			width: 18px;
			height: 18px;
			}

			a:hover .mask {
			display: block;
			}
			@@ -376,7 +447,14 @@
			top: -70px;
			width: 866px;
			height: 640px;
			background: url(https://colloti.com/img/right-bg-1.c9ac5e41.svg) 166px 0px no-repeat
			background: url(https://colloti.com/img/right-bg-1.c9ac5e41.svg) 166px 0px no-repeat;
			.jq {
			position: absolute;
			top: 152px;
			left: 149px;
			width: 504.339px;
			height: 510.84px
			}
			}

			.welcome .bg-img .suspension {
			@@ -387,8 +465,75 @@
			height: 139px;
			border-radius: 18px;
			background: hsla(0, 0%, 100%, .8);
			animation: move-21751b44 4s linear 0s infinite
			animation: move-21751b44 4s linear 0s infinite;
			}

			@keyframes move-21751b44 {
			0% {
			transform: translateY(0);
			}

			49% {
			transform: translateY(20px);
			}

			98% {
			transform: translateY(0);
			}
			}

			.img_1{
			transform-origin: 14.5% 14.5%;
			animation: img_1_move 4s linear infinite;
			}
			.img_2{
			transform-origin: 12.5% 12.5%;
			animation: img_1_move 4s linear infinite;
			}

			.img_0{
			transform-origin: 5% 5%;
			animation: img_1_move 4s linear infinite;
			}


			.img_3{
			transform-origin: 12.5% 12.5%;
			animation: img_3_move 4s linear infinite;
			}

			.img_4{
			animation: move-21751b44 4s linear 0s infinite;
			}

			.img_5{
			animation: move-21751b44 4s linear 0s infinite;
			}
			@keyframes img_3_move {
			0% {
			transform: rotate(0deg);
			}

			98% {
			transform: rotate(-5deg);
			}
			}


			@keyframes img_1_move {
			0% {
			transform: rotate(0deg);
			}

			/* 49% {
			transform: rotate(180deg) translateY(10px);
			} */

			98% {
			transform: rotate(90deg) translateX(10px);
			}
			}


			.welcome .bg-img .suspension .title {
			line-height: 20px;
			@@ -580,5 +725,7 @@
			}
			}

			a {text-decoration: none;}
			a {
			text-decoration: none;
			}
			</style>

			@@ -157,16 +157,14 @@
			</div>
			</div>
			<div style="flex: 1;margin-left: 100px; margin-top: 0px;">
			<h5
			class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
			<h5 class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
			{{$t('message.home.dibu1')}} </h5>
			<div class="link-box">
			<div class="footer-view-title-p1"> {{$t('message.home.gongsijianjie')}}</div>
			</div>
			</div>
			<div style="flex: 1;margin-left: 40px; margin-top: 0px;">
			<h5
			class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
			<h5 class="font-size16 margin-top-bottom20 linght-grey-color footer-view-title-h1">
			{{$t('message.home.falvyinsizhengce')}} </h5>
			<div class="link-box">
			<div class="footer-view-title-p1"> {{$t('message.home.shiyongtikuan')}}</div>
			@@ -175,8 +173,7 @@
			</div>
			</div>
			<div style="flex: 1;margin-left: 60px; margin-top: 0px;">
			<h5
			class="font-size16 margin-top-bottom20 footer-view-title-h1">
			<h5 class="font-size16 margin-top-bottom20 footer-view-title-h1">
			{{$t('message.home.fuwu')}} </h5>
			<div class="link-box">
			<div class="footer-view-title-p1"> {{$t('message.home.xinshouzhidao')}}</div>
			@@ -185,8 +182,8 @@
			</div>
			</div>
			<div class="right-footer" style="flex: 1;margin-left: 80px; margin-top: 0px;">
			<div><h5
			class="font-size16 margin-top-bottom20 footer-view-title-h1"> Community </h5>
			<div>
			<h5 class="font-size16 margin-top-bottom20 footer-view-title-h1"> Community </h5>
			<div class="footer-icon-box">
			<div><img
			src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAIFQTFRFAAAAIID/IID/I4P/I4T/I4L/JIP/JIH/JIP/I4H/I4T/I4P/JIP/JIL/JIP/JIP/I4T/JIP/JIP/Mov/P5L/P5P/TZr/WqL/W6L/aKr/drH/g7n/hLn/kcH/ksH/n8j/n8n/oMn/rND/rdD/rdH/u9j/yOD/1uj/5O//8vf/////6VeCRwAAABJ0Uk5TABAgUF9gf4CAkJ+gr7C/z9/vyTaJiQAAAZVJREFUSMedlt12gjAQhBcElGohGdNqqVqq1eK+/wP2AjEbCH+dOzjzMbtJThaitoI43SgNQGVpFNKIgiSDo3yQCRKNrl56Ea8dABKvPczRK+UJiTQGpBedcjCiZKa/RSwwQZHoV08BtO1cYZLyGQ3UWj4KmuqHDoiIaD0ZqCNswOHOXt2PTkTcPBXcq72MeB6hktkbcWf+aTyZrOjMvPvu+st3ASCwFeHM/AZTufZqDyOBmFIJfAI4yWpOAD4kkFImAb4YwPw2/psBtleWwKs4Fmdm5qoAUFTMzPfDc6ktoAguUH/WXJivW8Dc6ncW0F2A+Qig2AM4NstsAfgArgwA7J69OID2AMxf220pHiWgvABXzn7Ipjd+wJUFMnfjxoHUPRrjQETBPCAkezamADkRLecAEREFehwoRUU2Yt8PFM2oqMdIE3HquwQOToDoYkyr5urLp/nV/y9jsd0DcobQakYDE4lVe8gthodi7Bm7A2Ml98/2vrL0qu9XIFx77cHA30YYtzYxG7Q/mDRTALTapHHX/QdtKbEq3b4ckQAAAABJRU5ErkJggg=="
			@@ -230,7 +227,8 @@
			<div class="bottom-info">
			<div>
			{{$t('message.home["bottom-info"]')}}
			<p>Vexus 2024 © {{$t('message.home["版權所有"]')}}。</p></div>
			<p>Vexus 2024 © {{ $t('message.home["版權所有"]') }}。</p>
			</div>
			</div>
			</div>
			<!-- 语言和汇率弹窗 -->
			@@ -269,6 +267,7 @@
			width: 100vw;
			//background-color: #e9eeff;
			background-color: #fdfeff;

			.partner-list {
			width: 100%;
			height: 160px;
			@@ -352,9 +351,11 @@
			height: 40px;
			border-radius: 6px;
			border: 1px solid #dcdfe6;

			.icon {
			width: 16px;
			height: 16px;

			img {
			display: block;
			width: 100%;
			@@ -419,15 +420,18 @@

			.right-footer {
			padding-top: 0;

			.footer-icon-box {
			display: flex;
			flex-wrap: wrap;

			div {
			flex: 0 0 24px;
			width: 24px;
			height: 24px;
			margin-right: 24px;
			margin-bottom: 24px;

			img {
			display: inline-block;
			width: 24px;
			@@ -444,6 +448,7 @@
			margin: 0 auto;
			}
			}

			.bottom-info {
			font-size: 12px;
			line-height: 20px;
			@@ -452,6 +457,7 @@
			border-top: 1px solid #f2f2f2;
			padding-bottom: 35px;
			margin: 0 auto;

			div {
			width: 68%;
			margin: 35px auto 0 auto
			@@ -463,9 +469,11 @@
			.right-footer>div:first-child {
			width: 193px;
			}

			.right-footer>div>h5 {
			margin-bottom: 20px;
			}

			.footer-view-title-h1 {
			width: 164px;
			height: 22px;
			@@ -477,5 +485,14 @@
			color: #000;
			}

			@keyframes scroll {
			0% {
			transform: translate(0);
			}

			100% {
			transform: translate(-50%);
			}
			}

			</style>