From fad052d0879be9d0bf85794ad686d4badaedd864 Mon Sep 17 00:00:00 2001
From: dcc <dcc@163.com>
Date: Thu, 13 Jun 2024 17:36:03 +0800
Subject: [PATCH] 机器臂
---
/dev/null | 0
src/assets/images/img_1.png | 0
src/assets/images/img_2.png | 0
src/assets/images/img_0.png | 0
src/views/market/components/pageDetail.vue | 207 +++++++++++++++++++++++++++++-----
src/views/market/page.vue | 65 ++++++----
src/assets/images/img_4.png | 0
src/assets/images/img_3.png | 0
src/assets/images/jilu.fc5ade0b.svg | 31 +++++
src/assets/images/img_5.png | 0
src/assets/images/img_6.png | 0
11 files changed, 249 insertions(+), 54 deletions(-)
diff --git a/pc.zip b/pc.zip
deleted file mode 100644
index 2f8fd58..0000000
--- a/pc.zip
+++ /dev/null
Binary files differ
diff --git a/src/assets/images/img_0.png b/src/assets/images/img_0.png
new file mode 100644
index 0000000..2712384
--- /dev/null
+++ b/src/assets/images/img_0.png
Binary files differ
diff --git a/src/assets/images/img_1.png b/src/assets/images/img_1.png
new file mode 100644
index 0000000..9413d59
--- /dev/null
+++ b/src/assets/images/img_1.png
Binary files differ
diff --git a/src/assets/images/img_2.png b/src/assets/images/img_2.png
new file mode 100644
index 0000000..ba43d65
--- /dev/null
+++ b/src/assets/images/img_2.png
Binary files differ
diff --git a/src/assets/images/img_3.png b/src/assets/images/img_3.png
new file mode 100644
index 0000000..3fc088d
--- /dev/null
+++ b/src/assets/images/img_3.png
Binary files differ
diff --git a/src/assets/images/img_4.png b/src/assets/images/img_4.png
new file mode 100644
index 0000000..0abfed4
--- /dev/null
+++ b/src/assets/images/img_4.png
Binary files differ
diff --git a/src/assets/images/img_5.png b/src/assets/images/img_5.png
new file mode 100644
index 0000000..97cc02e
--- /dev/null
+++ b/src/assets/images/img_5.png
Binary files differ
diff --git a/src/assets/images/img_6.png b/src/assets/images/img_6.png
new file mode 100644
index 0000000..eff35e8
--- /dev/null
+++ b/src/assets/images/img_6.png
Binary files differ
diff --git a/src/assets/images/jilu.fc5ade0b.svg b/src/assets/images/jilu.fc5ade0b.svg
new file mode 100644
index 0000000..2cf7b0d
--- /dev/null
+++ b/src/assets/images/jilu.fc5ade0b.svg
@@ -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>
diff --git a/src/views/market/components/pageDetail.vue b/src/views/market/components/pageDetail.vue
index 2101f1e..623ae65 100644
--- a/src/views/market/components/pageDetail.vue
+++ b/src/views/market/components/pageDetail.vue
@@ -9,17 +9,17 @@
</el-button>
<el-button class="cz" @click="$router.push('/recharge')"> {{ $t('message.user.chongzhi') }}</el-button>
</div>
- <el-button v-if="!userStore.userInfo.token" class="register-btn" type="primary" @click="$router.push('/login')">
+ <el-button v-if="!userStore.userInfo.token" class="register-btn" type="primary" @click="$router.push('/login')">
<img
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAAXNSR0IArs4c6QAAAGxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Pk/gVgAAACN0Uk5TAAgQGCAoMDc4QEhPWF9gZ2hveICHj5efp6+3v8fP3t/n7/fpv/78AAAA20lEQVQYGcXB4U6DMBgF0EspuA7mLKUgY7h93Pd/RxMzmzJbfhk9B/9OHa1z50Zhz4u/CnlfvEGeufBhNsipZwZzhYyRkQFpWhgRjaSWGy2SOm50SOq40SGp5UaLJC2MiEbawMiIjGpmMNfIMTMfLgZ5xi93Uq7+gD2qOTtnjwp/pyi1Lgvs0Y3th3EcettUyKjtuAi/yPJuaySo0ySMyGQVnpX9jU/EldhSfuUP4hU23MqE1RWIGGGSHBGZmHEpEFTCjLVC8MasVwSeWR5Bf3v28c0hOJyyavyyT6RgPCG9KV4nAAAAAElFTkSuQmCC">
- {{$t('message.home["透過電子郵件/手機號碼註冊"]')}}
+ 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">
<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=="
- class="icon">
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAjCAMAAABbyCHdAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAAAAAAQEBAAAAAODhAAAAANTpAAAAAODxEAAAAAAAAAAAAAAAAAAAAOTtEAAAAHB4iODxEAAAAOTxDAAAAOjtDODtDAAAAAAAABQUFODxECAgJCAgKOTtDOT1DCwwNCwwODxASOTxEBwcJCgsNDg8REhMWFhcZFhcaGRodGRoeHB4iHR4iICImIyUrJCUqJykvKi0zKy0zLjE4MjQ7MjQ8MjU7NThAOTxEpF/e/AAAACN0Uk5TABAQICAwMEBAT19gb3Bwf4CAkJCfn6Cvv7+/39/f3+/v7++6JeDFAAABDElEQVQ4y7WTXVuCMBiGB2paZGRfDqJMEmdGI6vR8/9/WQeA7tngsJ3e93U979eEECKIopEYfpfr6nN3N2hEbwBgXuIBvvwCAKDKLnq5LOpGQLnsC5HmKJi+MiROAr79EAlbQJWde5wEs+cQCUeA2cWBw1nQW6sMCVfQCiiTEfOToBX1KsFCgwGYLCbeCEcMoJwThylqGwPrgDjM69bGeJ8y18puE9hPiGvFc/h5pHyteA6H1cTmbWmd8NvuQTLuhI9kSvOzGjNFfVjNef7Ut9ncBLwfHks6dvZP+Gnm3o+N8yvv/mx8G3r3aeH0zL//RA0Et++6C16Evf8rfAYA3IdDH3j8kOfpTPzP+wNccXgk9byhTQAAAABJRU5ErkJggg=="
+ class="icon">
<div class="p1">Google Play</div>
<div class="mask">
<div class="mask-title">Scan to download</div>
@@ -29,8 +29,8 @@
</a>
<a class="apple-store">
<img
- src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAHhQTFRFAAAAICAwICAwICgwJSUwJCQwJCgwICctIyMtIyMwIyYwIyYuIyYwIyUtIyUwIicwIicuJCcwIiYuIiYuJCYwIiUuJCUuIiUuIyUwIyUvIyYwIyYvIyYuIyYvIyUvISUvIiUvIiYvIiYvIyYvIyYvIyYvIyYvIyYvSSHmhgAAACd0Uk5TABAgIDBAQE9QUFBfX2Bgb3Bwf4CAj4+QkJ+gr7C+v87P3t/f7u/+VHK92QAAAPpJREFUGBntwdFSgzAQBdC7hGCppVVRK6IpguH+/x+aOh2dkV0mvvccXP0l+xr/IA+RHfKVI8kW2Vxk4pFtZDIhW8OzHbIFJi/Ix+QV+Rw57JBDnEMivgDgtttKsKYJTMKtAKiOkWd9BUs58CL2x8AfTwJVGWkYoHGRJg9FoCV6KCqaamh6WjqoIi0FNCUtb1BtaGmhamhpoGpoaaFqaOmg2tASoXI0eagiLZNA09M0CBR3tE0FliRyxQ2Weq4osORpC9AEmjw0npYOumfqYgGdnKi6h8V9UtHB5md+m/lrEKwoP2bO83stQPk4MukF6/btQXDh24PHFb4AtqpwymP1xEcAAAAASUVORK5CYII="
- class="icon">
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAHhQTFRFAAAAICAwICAwICgwJSUwJCQwJCgwICctIyMtIyMwIyYwIyYuIyYwIyUtIyUwIicwIicuJCcwIiYuIiYuJCYwIiUuJCUuIiUuIyUwIyUvIyYwIyYvIyYuIyYvIyUvISUvIiUvIiYvIiYvIyYvIyYvIyYvIyYvIyYvSSHmhgAAACd0Uk5TABAgIDBAQE9QUFBfX2Bgb3Bwf4CAj4+QkJ+gr7C+v87P3t/f7u/+VHK92QAAAPpJREFUGBntwdFSgzAQBdC7hGCppVVRK6IpguH+/x+aOh2dkV0mvvccXP0l+xr/IA+RHfKVI8kW2Vxk4pFtZDIhW8OzHbIFJi/Ix+QV+Rw57JBDnEMivgDgtttKsKYJTMKtAKiOkWd9BUs58CL2x8AfTwJVGWkYoHGRJg9FoCV6KCqaamh6WjqoIi0FNCUtb1BtaGmhamhpoGpoaaFqaOmg2tASoXI0eagiLZNA09M0CBR3tE0FliRyxQ2Weq4osORpC9AEmjw0npYOumfqYgGdnKi6h8V9UtHB5md+m/lrEKwoP2bO83stQPk4MukF6/btQXDh24PHFb4AtqpwymP1xEcAAAAASUVORK5CYII="
+ class="icon">
<div class="p1">App Store</div>
<div class="mask">
<div class="mask-title">Scan to download</div>
@@ -44,23 +44,81 @@
</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">
<a class="apple-store" style="margin-right: 10px;">
- <img
+ <img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAHhQTFRFAAAAICAwICAwICgwJSUwJCQwJCgwICctIyMtIyMwIyYwIyYuIyYwIyUtIyUwIicwIicuJCcwIiYuIiYuJCYwIiUuJCUuIiUuIyUwIyUvIyYwIyYvIyYuIyYvIyUvISUvIiUvIiYvIiYvIyYvIyYvIyYvIyYvIyYvSSHmhgAAACd0Uk5TABAgIDBAQE9QUFBfX2Bgb3Bwf4CAj4+QkJ+gr7C+v87P3t/f7u/+VHK92QAAAPpJREFUGBntwdFSgzAQBdC7hGCppVVRK6IpguH+/x+aOh2dkV0mvvccXP0l+xr/IA+RHfKVI8kW2Vxk4pFtZDIhW8OzHbIFJi/Ix+QV+Rw57JBDnEMivgDgtttKsKYJTMKtAKiOkWd9BUs58CL2x8AfTwJVGWkYoHGRJg9FoCV6KCqaamh6WjqoIi0FNCUtb1BtaGmhamhpoGpoaaFqaOmg2tASoXI0eagiLZNA09M0CBR3tE0FliRyxQ2Weq4osORpC9AEmjw0npYOumfqYgGdnKi6h8V9UtHB5md+m/lrEKwoP2bO83stQPk4MukF6/btQXDh24PHFb4AtqpwymP1xEcAAAAASUVORK5CYII="
class="icon">
- <div class="p1">IOS</div>
- <div class="p2">Download</div>
- </a>
+ <div class="p1">IOS</div>
+ <div class="p2">Download</div>
+ </a>
<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=="
- class="icon">
- <div class="p1">Android</div>
- <div class="p2">Download</div>
- </a>
+ src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAjCAMAAABbyCHdAAAAAXNSR0IArs4c6QAAAKtQTFRFAAAAAAAAQEBAAAAAODhAAAAANTpAAAAAODxEAAAAAAAAAAAAAAAAAAAAOTtEAAAAHB4iODxEAAAAOTxDAAAAOjtDODtDAAAAAAAABQUFODxECAgJCAgKOTtDOT1DCwwNCwwODxASOTxEBwcJCgsNDg8REhMWFhcZFhcaGRodGRoeHB4iHR4iICImIyUrJCUqJykvKi0zKy0zLjE4MjQ7MjQ8MjU7NThAOTxEpF/e/AAAACN0Uk5TABAQICAwMEBAT19gb3Bwf4CAkJCfn6Cvv7+/39/f3+/v7++6JeDFAAABDElEQVQ4y7WTXVuCMBiGB2paZGRfDqJMEmdGI6vR8/9/WQeA7tngsJ3e93U979eEECKIopEYfpfr6nN3N2hEbwBgXuIBvvwCAKDKLnq5LOpGQLnsC5HmKJi+MiROAr79EAlbQJWde5wEs+cQCUeA2cWBw1nQW6sMCVfQCiiTEfOToBX1KsFCgwGYLCbeCEcMoJwThylqGwPrgDjM69bGeJ8y18puE9hPiGvFc/h5pHyteA6H1cTmbWmd8NvuQTLuhI9kSvOzGjNFfVjNef7Ut9ncBLwfHks6dvZP+Gnm3o+N8yvv/mx8G3r3aeH0zL//RA0Et++6C16Evf8rfAYA3IdDH3j8kOfpTPzP+wNccXgk9byhTQAAAABJRU5ErkJggg=="
+ class="icon">
+ <div class="p1">Android</div>
+ <div class="p2">Download</div>
+ </a>
</div>
</div>
</div>
@@ -134,7 +192,7 @@
</template>
<script>
-import {useUserStore} from '@/store/user.js'
+import { useUserStore } from '@/store/user.js'
const userStore = useUserStore()
export default {
@@ -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,11 +250,12 @@
height: 1px;
background: #afb1bb;
text-align: center;
+
span {
position: absolute;
left: 50%;
top: 50%;
- transform: translate(-50%,-50%);
+ transform: translate(-50%, -50%);
width: 34px;
height: 17px;
line-height: 17px;
@@ -207,9 +266,11 @@
background: #edf1ff;
}
}
+
.btns {
display: flex;
margin-top: 16px;
+
a {
cursor: pointer;
width: 196px;
@@ -223,15 +284,18 @@
position: relative;
border-radius: 90px;
border: 1px solid #afb1bb;
+
&:first-child {
margin-left: 0
}
- img{
+
+ img {
flex: 0 0 24px;
width: 24px;
height: 24px;
}
- .p1{
+
+ .p1 {
font-size: 17px;
font-family: Noto Sans SC;
font-weight: 500;
@@ -239,7 +303,8 @@
line-height: 24px;
margin-left: 8px;
}
- .mask{
+
+ .mask {
display: none;
position: absolute;
z-index: 10;
@@ -251,7 +316,8 @@
border-radius: 6px;
box-sizing: border-box;
padding-top: 6px;
- box-shadow: 0 2px 6px rgba(0,0,0,.1);
+ 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;
@@ -405,7 +550,7 @@
justify-content: center
}
-.welcome .bg-img .suspension .btns > a {
+.welcome .bg-img .suspension .btns>a {
cursor: pointer;
box-sizing: border-box;
width: 79px;
@@ -419,18 +564,18 @@
position: relative
}
-.welcome .bg-img .suspension .btns > a:first-child img {
+.welcome .bg-img .suspension .btns>a:first-child img {
width: 22px;
height: 24px;
top: 8px
}
-.welcome .bg-img .suspension .btns > a:nth-child(2) img {
+.welcome .bg-img .suspension .btns>a:nth-child(2) img {
width: 15px;
height: 17px
}
-.welcome .bg-img .suspension .btns > a div {
+.welcome .bg-img .suspension .btns>a div {
font-size: 9px;
font-family: Noto Sans SC;
font-weight: 700;
@@ -580,5 +725,7 @@
}
}
-a {text-decoration: none;}
+a {
+ text-decoration: none;
+}
</style>
\ No newline at end of file
diff --git a/src/views/market/page.vue b/src/views/market/page.vue
index 2e888cc..fdb6bc9 100644
--- a/src/views/market/page.vue
+++ b/src/views/market/page.vue
@@ -147,7 +147,7 @@
<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>
@@ -157,36 +157,33 @@
</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=="
@@ -229,8 +226,9 @@
</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>
<!-- 语言和汇率弹窗 -->
@@ -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%;
@@ -383,7 +384,7 @@
}
}
- .footer-view-copyright{
+ .footer-view-copyright {
width: 197px;
height: 44px;
font-family: PingFang SC;
@@ -397,7 +398,7 @@
flex-grow: 0;
}
- .footer-view-title-h1{
+ .footer-view-title-h1 {
width: 164px;
height: 22px;
font-family: PingFang SC;
@@ -408,7 +409,7 @@
color: #000;
}
- .link-box>div{
+ .link-box>div {
padding-bottom: 16px;
cursor: pointer;
font-size: 14px;
@@ -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>
--
Gitblit v1.9.3