| | |
| | | <div class="dropdown-content" @click="handleChangeLang('lang')" style="margin-left: 16px"> |
| | | {{ $t("message.home.language") }} |
| | | </div> |
| | | <!-- <div class="dropdown-content"> 繁体中文</div>--> |
| | | <!-- <div class="dropdown-content"> 繁体中文</div>--> |
| | | <div class="arrow"><img |
| | | src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAADlQTFRFAAAAcHyLdHyLc3yJcn2Kcn2Lcn6LdH6LcoCNc3+Nc32Mc3yMc32Mcn6Nc36Ncn6Ncn6Nc36Nc36N+XnEgAAAABJ0Uk5TAEBAUGBwgICur7/P0N/f7u/+t+EvHQAAAENJREFUKM9jYBgFCCCEAIJUlORESHJgSDJxweS4GBlwymKTY2Bg5gHJcTNj9w0Ln5AQLwsuv7IK8LPiDgl2ttHUgA4AYVQFV3PnVtMAAAAASUVORK5CYII="> |
| | | </div> |
| | |
| | | </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"> |
| | | {{$t('message.home.dibu1')}} </h5> |
| | | <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 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"> |
| | | {{$t('message.home.falvyinsizhengce')}} </h5> |
| | | <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> |
| | | <div class="footer-view-title-p1"> {{$t('message.home.fengxianshengming')}}</div> |
| | | <div class="footer-view-title-p1"> {{$t('message.home.yinsibaohu')}}</div> |
| | | <div class="footer-view-title-p1"> {{ $t('message.home.shiyongtikuan') }}</div> |
| | | <div class="footer-view-title-p1"> {{ $t('message.home.fengxianshengming') }}</div> |
| | | <div class="footer-view-title-p1"> {{ $t('message.home.yinsibaohu') }}</div> |
| | | </div> |
| | | </div> |
| | | <div style="flex: 1;margin-left: 60px; margin-top: 0px;"> |
| | | <h5 |
| | | class="font-size16 margin-top-bottom20 footer-view-title-h1"> |
| | | {{$t('message.home.fuwu')}} </h5> |
| | | <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> |
| | | <div class="footer-view-title-p1"> {{$t('message.home.wenxintishi')}}</div> |
| | | <div class="footer-view-title-p1"> {{$t('message.home.gouzhiyuzhuanhuan')}}</div> |
| | | <div class="footer-view-title-p1"> {{ $t('message.home.xinshouzhidao') }}</div> |
| | | <div class="footer-view-title-p1"> {{ $t('message.home.wenxintishi') }}</div> |
| | | <div class="footer-view-title-p1"> {{ $t('message.home.gouzhiyuzhuanhuan') }}</div> |
| | | </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==" |
| | |
| | | </div> |
| | | <div class="bottom-info"> |
| | | <div> |
| | | {{$t('message.home["bottom-info"]')}} |
| | | <p>Vexus 2024 © {{$t('message.home["版權所有"]')}}。</p></div> |
| | | {{ $t('message.home["bottom-info"]') }} |
| | | <p>Vexus 2024 © {{ $t('message.home["版權所有"]') }}。</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 语言和汇率弹窗 --> |
| | |
| | | width: 100vw; |
| | | //background-color: #e9eeff; |
| | | background-color: #fdfeff; |
| | | |
| | | .partner-list { |
| | | width: 100%; |
| | | height: 160px; |
| | |
| | | height: 40px; |
| | | border-radius: 6px; |
| | | border: 1px solid #dcdfe6; |
| | | |
| | | .icon { |
| | | width: 16px; |
| | | height: 16px; |
| | | |
| | | img { |
| | | display: block; |
| | | width: 100%; |
| | |
| | | } |
| | | } |
| | | |
| | | .footer-view-copyright{ |
| | | .footer-view-copyright { |
| | | width: 197px; |
| | | height: 44px; |
| | | font-family: PingFang SC; |
| | |
| | | flex-grow: 0; |
| | | } |
| | | |
| | | .footer-view-title-h1{ |
| | | .footer-view-title-h1 { |
| | | width: 164px; |
| | | height: 22px; |
| | | font-family: PingFang SC; |
| | |
| | | color: #000; |
| | | } |
| | | |
| | | .link-box>div{ |
| | | .link-box>div { |
| | | padding-bottom: 16px; |
| | | cursor: pointer; |
| | | font-size: 14px; |
| | |
| | | |
| | | .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; |
| | |
| | | margin: 0 auto; |
| | | } |
| | | } |
| | | |
| | | .bottom-info { |
| | | font-size: 12px; |
| | | line-height: 20px; |
| | |
| | | border-top: 1px solid #f2f2f2; |
| | | padding-bottom: 35px; |
| | | margin: 0 auto; |
| | | |
| | | div { |
| | | width: 68%; |
| | | margin: 35px auto 0 auto |
| | |
| | | .right-footer>div:first-child { |
| | | width: 193px; |
| | | } |
| | | |
| | | .right-footer>div>h5 { |
| | | margin-bottom: 20px; |
| | | } |
| | | |
| | | .footer-view-title-h1 { |
| | | width: 164px; |
| | | height: 22px; |
| | |
| | | color: #000; |
| | | } |
| | | |
| | | @keyframes scroll { |
| | | 0% { |
| | | transform: translate(0); |
| | | } |
| | | |
| | | 100% { |
| | | transform: translate(-50%); |
| | | } |
| | | } |
| | | |
| | | </style> |