feat: dashboard exchange list

This commit is contained in:
Alisa | Side.one 2023-05-10 00:26:47 +08:00
parent b57db735ed
commit 22987636a8

View File

@ -71,7 +71,7 @@ const comLinks = [
class="bg-base-100 rounded shadow mb-4" class="bg-base-100 rounded shadow mb-4"
> >
<div class="flex p-4"> <div class="flex p-4">
<div class="flex-1 mr-10"> <div class="">
<div class="text-xl font-semibold text-main"> <div class="text-xl font-semibold text-main">
{{ coinInfo.name }} (<span class="uppercase">{{ {{ coinInfo.name }} (<span class="uppercase">{{
coinInfo.symbol coinInfo.symbol
@ -100,7 +100,9 @@ const comLinks = [
</div> </div>
<div> <div>
<div class="dropdown dropdown-hover w-full mt-[16px] md:mt-[32px]"> <div
class="dropdown dropdown-hover w-full md:w-[400px] mt-[16px] md:mt-[36px]"
>
<label> <label>
<div <div
class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded" class="bg-gray-100 dark:bg-[#384059] flex items-center justify-between px-4 py-2 cursor-pointer rounded"
@ -131,7 +133,9 @@ const comLinks = [
</div> </div>
</label> </label>
<div class="dropdown-content pt-1"> <div class="dropdown-content pt-1">
<div class="h-64 overflow-auto w-full shadow rounded"> <div
class="h-64 overflow-auto w-full md:w-[400px] shadow rounded"
>
<ul class="menu w-full bg-gray-100 rounded dark:bg-[#384059]"> <ul class="menu w-full bg-gray-100 rounded dark:bg-[#384059]">
<li <li
v-for="(item, index) in store.coinInfo.tickers" v-for="(item, index) in store.coinInfo.tickers"
@ -141,14 +145,16 @@ const comLinks = [
<div <div
class="flex items-center justify-between hover:bg-base-100" class="flex items-center justify-between hover:bg-base-100"
> >
<div class="flex-1">
<div class="text-main text-sm"> <div class="text-main text-sm">
{{ item?.market?.name }} {{ item?.market?.name }}
</div> </div>
<div class="text-main text-sm"> <div class="text-sm text-gray-500 dark:text-gray-400">
{{ shortName(item?.base, item.coin_id) }}/{{ {{ shortName(item?.base, item.coin_id) }}/{{
shortName(item?.target, item.target_coin_id) shortName(item?.target, item.target_coin_id)
}} }}
</div> </div>
</div>
<div class="text-base text-main"> <div class="text-base text-main">
${{ item.converted_last.usd }} ${{ item.converted_last.usd }}
@ -162,7 +168,7 @@ const comLinks = [
<a <a
:color="store.trustColor" :color="store.trustColor"
class="mt-5 text-white btn btn-success w-full flex items-center" class="mt-5 text-white btn btn-success w-full md:w-[400px] flex items-center"
:href="ticker.trade_url" :href="ticker.trade_url"
target="_blank" target="_blank"
> >