Skip to content

D
dexfilter-web-nuxt3
Commit e86980b6 by haojie
Options

1

parent 6785be23
Showing with 182 additions and 180 deletions
constants/UnifiedManagementChain.ts
......@@ -29,7 +29,7 @@ export const chain_options = [
{
label: 'ETH',
value: '/eth',
img: '/images/svg/selectChain/ETT.svg',
img: '/images/svg/selectChain/newEth.svg',
name: 'ETH',
fullName: 'ETHEREUM',
chain_id: 1,
......@@ -95,8 +95,7 @@ export const chain_options = [
{
label: 'POL',
value: '/pol',
img: '/images/svg/selectChain/pol.svg',
newImg: '/images/svg/selectChain/newpol.svg',
img: '/images/svg/selectChain/newpol.svg',
name: 'POL',
fullName: 'POLYGON',
chain_id: 137,
......@@ -195,8 +194,7 @@ export const chain_options = [
{
label: 'CRO',
value: '/cro',
img: '/images/svg/selectChain/cro.svg',
newImg: '/images/svg/selectChain/newCro.svg',
img: '/images/svg/selectChain/newCro.svg',
name: 'CRO',
fullName: 'CRONOS',
chain_id: 25,
......@@ -229,8 +227,7 @@ export const chain_options = [
{
label: 'AUR',
value: '/aur',
img: '/images/svg/selectChain/aur.svg',
newImg: '/images/svg/selectChain/newAur.svg',
img: '/images/svg/selectChain/newAur.svg',
name: 'AUR',
fullName: 'AURORA',
chain_id: 1313161554,
......@@ -329,8 +326,7 @@ export const chain_options = [
{
label: 'ARB',
value: '/arb',
img: '/images/svg/selectChain/arb.svg',
newImg: '/images/svg/selectChain/newArb.svg',
img: '/images/svg/selectChain/newArb.svg',
name: 'ARB',
fullName: 'ARBITRUM',
chain_id: 42161,
......@@ -396,8 +392,7 @@ export const chain_options = [
{
label: 'GNO',
value: '/gno',
img: '/images/svg/selectChain/gno.svg',
newImg: '/images/svg/selectChain/newGno.svg',
img: '/images/svg/selectChain/newGno.svg',
name: 'GNO',
fullName: 'GNOSIS CHAIN',
chain_id: 100,
......@@ -463,8 +458,7 @@ export const chain_options = [
{
label: 'MET',
value: '/met',
img: '/images/svg/selectChain/met.svg',
newImg: '/images/svg/selectChain/newMet.svg',
img: '/images/svg/selectChain/newMet.svg',
name: 'MET',
fullName: 'METIS',
chain_id: 1088,
......@@ -530,8 +524,7 @@ export const chain_options = [
{
label: 'AST',
value: '/ast',
img: '/images/svg/selectChain/ast.svg',
newImg: '/images/svg/selectChain/newAst.svg',
img: '/images/svg/selectChain/newAst.svg',
name: 'AST',
fullName: 'ASTAR',
chain_id: 592,
......@@ -598,8 +591,7 @@ export const chain_options = [
{
label: 'NOV',
value: '/nov',
img: '/images/svg/selectChain/nov.svg',
newImg: '/images/svg/selectChain/newNov.svg',
img: '/images/svg/selectChain/newNov.svg',
name: 'NOV',
fullName: 'Arbitrum Nova',
chain_id: 42170,
......@@ -632,8 +624,7 @@ export const chain_options = [
{
label: 'TOM',
value: '/tom',
img: '/images/svg/selectChain/tom.svg',
newImg: '/images/svg/selectChain/newTom.svg',
img: '/images/svg/selectChain/newTom.svg',
name: 'TOM',
fullName: 'Tomb Chain',
chain_id: 6969,
......
nuxt.config.ts
import viteCompression from "vite-plugin-compression";
import viteCompression from 'vite-plugin-compression';
// import visualizer from 'rollup-plugin-visualizer';
// 筛选接口地址
let filterApi = "http://156.247.9.93:9501/";
let loginApi = "http://156.247.9.93:8001/";
let filterApi = 'http://156.247.9.93:9501/';
let loginApi = 'http://156.247.9.93:8001/';
export default defineNuxtConfig({
// plugins: [],
modules: ["nuxt-svgo", "@nuxtjs-alt/proxy"],
modules: ['nuxt-svgo', '@nuxtjs-alt/proxy'],
proxy: {
enableProxy: true,
proxies: {
"/score": {
'/score': {
target: filterApi,
changeOrigin: true,
},
"/v1": {
'/v1': {
target: filterApi,
changeOrigin: true,
},
"/search": {
'/search': {
target: filterApi,
changeOrigin: true,
},
"/favorites": {
'/favorites': {
target: filterApi,
changeOrigin: true,
},
//api-ip是另外滴
"/api": {
'/api': {
target: loginApi,
changeOrigin: true,
},
......@@ -40,9 +40,9 @@ export default defineNuxtConfig({
// },
vite: {
plugins: [viteCompression()],
envDir: "~/env",
envDir: '~/env',
build: {
minify: "terser", // 混淆器，terser构建后文件体积更小
minify: 'terser', // 混淆器，terser构建后文件体积更小
// 构建后是否生成 source map 文件
// sourcemap: 'hidden',
cssCodeSplit: true, // 如果设置为false，整个项目中的所有 CSS 将被提取到一个 CSS 文件中
......@@ -60,8 +60,8 @@ export default defineNuxtConfig({
rollupOptions: {
output: {
manualChunks: {
TdesignVueNext: ["tdesign-vue-next"],
CustomEcharts: ["echarts"],
TdesignVueNext: ['tdesign-vue-next'],
CustomEcharts: ['echarts'],
},
},
},
......@@ -72,11 +72,11 @@ export default defineNuxtConfig({
// vendor-已被弃用
// 第三方插件转es5
transpile:
process.env.NODE_ENV === "production"
? ["tdesign-vue-next", "echarts", "vue-i18n"]
: ["echarts"],
process.env.NODE_ENV === 'production'
? ['tdesign-vue-next', 'echarts', 'vue-i18n']
: ['echarts'],
// cssSourceMap: true,
// analyze: true,
},
css: ["@/style/font-family.css"],
css: ['@/style/font-family.css'],
});
public/images/svg/selectChain/newEth.svg 0 → 100644
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="31" height="31" fill="url(#pattern0)"/>
<defs>
<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_4743_31269" transform="scale(0.015625)"/>
</pattern>
<image id="image0_4743_31269" width="64" height="64" xlink:href="data:image/png;base64,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"/>
</defs>
</svg>
\ No newline at end of file
views/token/CustomTokenList.vue
......@@ -42,7 +42,7 @@
<th class="custom-before-line">
<div class="thead-sort-box">
<template v-if="item.title == 'Pool'">
{{ $t("TableList.pool") + HeadTokenType }}
{{ $t('TableList.pool') + HeadTokenType }}
</template>
<template v-else>
{{ item.title }}
......@@ -77,7 +77,7 @@
<th class="custom-before-line" ref="tableTrOne">
<div class="thead-sort-box">
<template v-if="item.title == 'Pool'">
{{ $t("TableList.pool") + HeadTokenType }}
{{ $t('TableList.pool') + HeadTokenType }}
</template>
<template v-else>
{{ item.title }}
......@@ -169,7 +169,7 @@
<template v-if="!resultData.list.length">
<tr>
<td colspan="12">
<div class="custom-no-list">{{ $t("filter.noList") }}</div>
<div class="custom-no-list">{{ $t('filter.noList') }}</div>
</td>
</tr>
</template>
......@@ -189,23 +189,23 @@
</template>
<script lang="ts" setup>
import { parsePercent, parseCoinAmount, parseNumberToK } from "@/utils/tool";
import { useI18n } from "vue-i18n";
import CustPagination from "./CustPagination.vue";
import request from "@/utils/request";
import { filterChainObj, getSwap } from "@/constants/UnifiedManagementChain";
import JumpOther from "./JumpOther.vue";
import KLink from "/public/images/svg/table/k_link.svg";
import analysisSvg from "/public/images/svg/table/media.svg";
import { webLogo } from "@/constants/logo";
import CustomTableSort from "./tableSort.vue";
import { TableSort, TableSortAsc } from "@/utils/tool";
import CustomRadio from "../CustomComponent/radio.vue";
import BscChain from "/public/images/svg/selectChain/bsc.svg";
import SwapSvg from "/public/images/svg/socialInfoWrapper/bscTransaction.svg";
import CustomAvatar from "./avatar.vue";
import TokenAvatar from "./tokenAvatar.vue";
import useSwap from "@/hooks/useSwap";
import { parsePercent, parseCoinAmount, parseNumberToK } from '@/utils/tool';
import { useI18n } from 'vue-i18n';
import CustPagination from './CustPagination.vue';
import request from '@/utils/request';
import { filterChainObj, getSwap } from '@/constants/UnifiedManagementChain';
import JumpOther from './JumpOther.vue';
import KLink from '/public/images/svg/table/k_link.svg';
import analysisSvg from '/public/images/svg/table/media.svg';
import { webLogo } from '@/constants/logo';
import CustomTableSort from './tableSort.vue';
import { TableSort, TableSortAsc } from '@/utils/tool';
import CustomRadio from '../CustomComponent/radio.vue';
import BscChain from '/public/images/svg/selectChain/bsc.svg';
import SwapSvg from '/public/images/svg/socialInfoWrapper/bscTransaction.svg';
import CustomAvatar from './avatar.vue';
import TokenAvatar from './tokenAvatar.vue';
import useSwap from '@/hooks/useSwap';
const { ChainObj, getCurSwap, getCurChainImg } = useSwap();
const route = useRoute();
const LoadHead = ref(false);
......@@ -223,7 +223,7 @@ const GlbFilter = useCurFilter();
const CurrentTime = useCurrentTimeChange();
// 吸顶元素
const affixedHeadRef = ref(null);
const affixedTableWidth = ref("");
const affixedTableWidth = ref('');
// 当前选中的行数
const CurLineIndex = ref(0);
// 表格数据轮询
......@@ -247,121 +247,121 @@ const colGroupList = reactive({
const RightInfo = useCurrentRightInfo();
// 吸顶表头左右跟随滑动
const affixedHead = reactive({
left: "",
top: "",
height: "",
width: "",
left: '',
top: '',
height: '',
width: '',
});
// 当前排序状态
const SortOptions = reactive({
up: {
field: "up",
type: "all",
field: 'up',
type: 'all',
status: false,
},
pb: {
field: "pb",
type: "all",
field: 'pb',
type: 'all',
status: false,
},
vn: {
field: "vn",
type: "all",
field: 'vn',
type: 'all',
status: false,
},
txn: {
field: "txn",
type: "all",
field: 'txn',
type: 'all',
status: false,
},
r5m: {
field: "r5m",
type: "all",
field: 'r5m',
type: 'all',
status: false,
},
r1h: {
field: "r1h",
type: "all",
field: 'r1h',
type: 'all',
status: false,
},
r4h: {
field: "r4h",
type: "all",
field: 'r4h',
type: 'all',
status: false,
},
r24h: {
field: "r24h",
type: "all",
field: 'r24h',
type: 'all',
status: false,
},
});
const currentBtn = ref("default");
const currentBtn = ref('default');
const btns = computed(() => [
{
label: t("filter.pairs"),
value: "default",
label: t('filter.pairs'),
value: 'default',
},
{
label: t("filter.updated"),
value: "new",
label: t('filter.updated'),
value: 'new',
},
{
label: t("filter.gainers"),
value: "max-up",
label: t('filter.gainers'),
value: 'max-up',
},
{
label: t("filter.losers"),
value: "max-down",
label: t('filter.losers'),
value: 'max-down',
},
{
label: t("filter.r24hVolume"),
value: "txn",
label: t('filter.r24hVolume'),
value: 'txn',
},
]);
const onFilterChange = (value: string) => {
if (value == "new") {
if (value == 'new') {
GlbFilter.value.nt = 1;
} else if (value == "default") {
} else if (value == 'default') {
GlbFilter.value.nt = 0;
}
// 永远请求第一页
pageNum.value = 1;
if (value == "txn") {
GlbFilter.value.date_orderby = "txn";
GlbFilter.value.sort = "desc";
} else if (value == "max-up") {
if (value == 'txn') {
GlbFilter.value.date_orderby = 'txn';
GlbFilter.value.sort = 'desc';
} else if (value == 'max-up') {
// 最大涨幅
GlbFilter.value.date_orderby = "r" + GlbFilter.value.range_date;
GlbFilter.value.sort = "desc";
} else if (value == "max-down") {
GlbFilter.value.date_orderby = 'r' + GlbFilter.value.range_date;
GlbFilter.value.sort = 'desc';
} else if (value == 'max-down') {
// 最大跌幅
GlbFilter.value.date_orderby = "r" + GlbFilter.value.range_date;
GlbFilter.value.sort = "asc";
GlbFilter.value.date_orderby = 'r' + GlbFilter.value.range_date;
GlbFilter.value.sort = 'asc';
}
getTableList();
};
// 获取涨跌幅
const getUpDown = (value: string) => {
if (value && value[0] == "-") {
if (value && value[0] == '-') {
return `${value}%`;
}
return `+${value}%`;
};
// 获取涨跌幅颜色
const getUpDownColor = (value: string) => {
if (value && value[0] == "-") {
if (value && value[0] == '-') {
// down
return "#f23645";
return '#f23645';
}
// up
return "#23ab94";
return '#23ab94';
};
// 获取表格可视区域宽度
const getTableWidth = () => {
if (CustomTable.value) {
// 获取元素可视区域宽度
let width = CustomTable.value.clientWidth;
affixedHead.width = width + "px";
affixedHead.width = width + 'px';
}
};
// 排序事件
......@@ -372,15 +372,15 @@ const submitSort = ({ sort, field }: any) => {
SortOptions[item].type = sort;
SortOptions[item].status = true;
} else {
SortOptions[item].type = "all";
SortOptions[item].type = 'all';
SortOptions[item].status = false;
}
});
// 开始排序
if (sort === "asc") {
if (sort === 'asc') {
// 升序
resultData.list = TableSortAsc(resultData.list, field);
} else if (sort === "desc") {
} else if (sort === 'desc') {
// 降序
resultData.list = TableSort(resultData.list, field);
} else {
......@@ -391,16 +391,16 @@ const submitSort = ({ sort, field }: any) => {
// 获取head的宽度赋给吸顶表头
const getMinWidth = () => {
if (CustomHead.value) {
affixedTableWidth.value = CustomHead.value.clientWidth + "px";
affixedTableWidth.value = CustomHead.value.clientWidth + 'px';
}
};
// 表格数据过滤方法
const TableFilter = (result: any) => {
if ("list" in result && result.list.length) {
if ('list' in result && result.list.length) {
result.list.forEach((item: any, index: number) => {
item.index = index + 1;
item.n_up = "$" + parseCoinAmount(item.up);
item.n_vn = "$" + parseNumberToK(item.vn);
item.n_up = '$' + parseCoinAmount(item.up);
item.n_vn = '$' + parseNumberToK(item.vn);
item.n_pb = parseNumberToK(item.pb);
item.n_r5m = parseFloat(item.r5m * 100).toFixed(2);
item.n_r1h = parseFloat(item.r1h * 100).toFixed(2);
......@@ -431,7 +431,7 @@ const getParams = () => {
};
if (CurrentTime.value) {
params.date = CurrentTime.value;
} else if ("date" in params) {
} else if ('date' in params) {
delete params.date;
}
return params;
......@@ -442,9 +442,9 @@ const getBaseUrl = () => {
// if (process.dev) {
// return "http://156.247.9.93:9501";
// }
return "http://apiv1.dexfilter.com/";
return 'http://apiv1.dexfilter.com/';
} else {
return "/v1";
return '/v1';
}
};
......@@ -452,9 +452,9 @@ const getBaseUrl = () => {
const { data, refresh } = await useFetch(() => `/v1${chain.value}/indexV1`, {
params: getParams(),
lazy: true,
method: "GET",
mode: "cors",
credentials: "include",
method: 'GET',
mode: 'cors',
credentials: 'include',
baseURL: getBaseUrl(),
onRequest(context: any) {},
onResponse({ request, response, options }) {
......@@ -472,10 +472,10 @@ const { data, refresh } = await useFetch(() => `/v1${chain.value}/indexV1`, {
return response._data;
},
onRequestError({ error }) {
console.log(error);
console.log(error, '请求错误');
},
onResponseError(error) {
console.log(error, "接口");
console.log(error, '返回的error');
},
});
......@@ -491,17 +491,17 @@ const getDefaultList = () => {
};
const CustomgetRoute = () => {
if (route.params.chain) {
let Obj = filterChainObj("name", route.params.chain);
let Obj = filterChainObj('name', route.params.chain);
if (Obj) {
ChainObj.value = Obj;
chain.value = Obj.value;
HeadTokenType.value = ChainObj.value.Currency[0];
}
} else {
ChainObj.value = filterChainObj("value", chain.value);
ChainObj.value = filterChainObj('value', chain.value);
}
if (route.params.page) {
if (typeof parseInt(route.params.page) === "number")
if (typeof parseInt(route.params.page) === 'number')
pageNum.value = parseInt(route.params.page);
GlbFilter.value.page = parseInt(route.params.page);
}
......@@ -514,9 +514,9 @@ useHead({
link: [webLogo],
meta: [
{
name: "description",
name: 'description',
content:
"DexFilter是一个链上过滤器，它对链上的所有数据进行统计、监控。可以通过过滤功能过滤出相应的链上项目。每个资金池都做了数据分析，深入分析资金池的涨跌趋势，方便用户做出判断，也方便用户查看资金池是否为貔貅。",
'DexFilter是一个链上过滤器，它对链上的所有数据进行统计、监控。可以通过过滤功能过滤出相应的链上项目。每个资金池都做了数据分析，深入分析资金池的涨跌趋势，方便用户做出判断，也方便用户查看资金池是否为貔貅。',
},
],
});
......@@ -527,7 +527,7 @@ const getColGroupWidth = () => {
// 动态改变吸顶表头的th宽度
colGroupList.list.forEach((it: any) => {
tableTrOne.value.forEach((item: any, index: number) => {
colGroupList.list[index] = item.clientWidth + "px";
colGroupList.list[index] = item.clientWidth + 'px';
});
});
};
......@@ -558,16 +558,16 @@ watch(
CurLineIndex.value = 0;
pageNum.value = 1;
// 修改title
ChainObj.value = filterChainObj("value", chain.value);
ChainObj.value = filterChainObj('value', chain.value);
getTableList();
}
);
// 判断是否需要加$
const Judgment = () => {
if (HeadTokenType.value === "USDT") {
return "$";
if (HeadTokenType.value === 'USDT') {
return '$';
} else {
return "";
return '';
}
};
// tbName---流动池折线图传递参数
......@@ -582,11 +582,11 @@ const handleRowClick = (item: any, index: number) => {
};
// 监听是否切出页面
const listenerWindow = (fn: any) => {
document.addEventListener("visibilitychange", fn);
document.addEventListener('visibilitychange', fn);
};
// 取消监听
const closeListener = (fn: any) => {
document.removeEventListener("visibilitychange", fn);
document.removeEventListener('visibilitychange', fn);
};
// 有数据，开启定时器
const Intervalfun = () => {
......@@ -606,7 +606,7 @@ const closeInterVal = () => {
const windowOpenFn = (e: any) => {
// ==visible代表在当前窗口
let isExist = e.target.visibilityState;
if (isExist === "visible") {
if (isExist === 'visible') {
// 先关再开
closeInterVal();
Intervalfun();
......@@ -623,9 +623,9 @@ const onCurrentChange = (v) => {
};
const onScrollEvent = () => {
// 获取滚动元素dom
BodyscrollDom.value = document.getElementById("layout-scroll");
BodyscrollDom.value = document.getElementById('layout-scroll');
if (BodyscrollDom.value) {
affixedHead.top = BodyscrollDom.value.offsetTop + "px";
affixedHead.top = BodyscrollDom.value.offsetTop + 'px';
BodyscrollDom.value.onscroll = function (e: any) {
let client = CustomHead.value.getBoundingClientRect();
if (client.top <= BodyscrollDom.value.offsetTop) {
......@@ -652,7 +652,7 @@ const onTableScroll = () => {
};
const setColGroupList = () => {
columnsChild.value.forEach((item: any) => {
colGroupList.list.push("0px");
colGroupList.list.push('0px');
});
};
onMounted(() => {
......@@ -705,79 +705,79 @@ onUnmounted(() => {
const columns = computed(() => {
return [
{
title: t("TableList.tokenbase"),
title: t('TableList.tokenbase'),
children: [
{
colKey: "index",
width: "auto",
title: "#",
colKey: 'index',
width: 'auto',
title: '#',
},
{
colKey: "tn",
title: t("TableList.token"),
colKey: 'tn',
title: t('TableList.token'),
},
],
},
{
title: t("TableList.basic"),
title: t('TableList.basic'),
children: [
{
colKey: "up",
title: t("TableList.price"),
colKey: 'up',
title: t('TableList.price'),
sort: true,
},
{
colKey: "pb",
title: "Pool",
colKey: 'pb',
title: 'Pool',
sort: true,
},
{
colKey: "vn",
title: t("TableList.volume"),
colKey: 'vn',
title: t('TableList.volume'),
sort: true,
},
{
colKey: "txn",
title: t("TableList.txns"),
colKey: 'txn',
title: t('TableList.txns'),
sort: true,
},
],
},
{
title: t("TableList.priceChange"),
title: t('TableList.priceChange'),
children: [
{
colKey: "r5m",
title: t("TableList.time1"),
colKey: 'r5m',
title: t('TableList.time1'),
sort: true,
},
{
colKey: "r1h",
title: t("TableList.time2"),
colKey: 'r1h',
title: t('TableList.time2'),
sort: true,
},
{
colKey: "r4h",
title: t("TableList.time3"),
colKey: 'r4h',
title: t('TableList.time3'),
sort: true,
},
{
colKey: "r24h",
title: t("TableList.time4"),
colKey: 'r24h',
title: t('TableList.time4'),
sort: true,
},
],
},
{
title: t("TableList.others"),
title: t('TableList.others'),
children: [
{
colKey: "operation",
title: t("TableList.k_line"),
colKey: 'operation',
title: t('TableList.k_line'),
},
{
colKey: "media",
title: t("TableList.mediaData"),
colKey: 'media',
title: t('TableList.mediaData'),
},
],
},
......@@ -797,21 +797,21 @@ const columnsChild = computed(() => {
let arr1 = new Array(100);
for (let i = 0; i < arr1.length; i++) {
arr1[i] = {
one: "1",
two: "2",
three: "3",
four: "4",
five: "5",
sex: "6",
seven: "7",
one: '1',
two: '2',
three: '3',
four: '4',
five: '5',
sex: '6',
seven: '7',
};
}
</script>
<style lang="less">
@import "@/style/variables.less";
@import "@/style/line.less";
@import "@/style/flex.less";
@import '@/style/variables.less';
@import '@/style/line.less';
@import '@/style/flex.less';
.custom-token-list {
margin-top: 8px;
box-sizing: border-box;
......@@ -854,7 +854,7 @@ for (let i = 0; i < arr1.length; i++) {
font-size: 14px;
color: var(--td--main-btn-color-1);
white-space: nowrap;
font-family: "bold";
font-family: 'bold';
padding: 4px 12px;
}
.t-align-center {
......@@ -877,7 +877,7 @@ for (let i = 0; i < arr1.length; i++) {
th {
font-weight: 500;
font-size: 14px;
font-family: "Medium";
font-family: 'Medium';
border-bottom: 1px solid var(--new-border-4);
padding: 10px 12px;
.thead-sort-box {
......@@ -919,7 +919,7 @@ for (let i = 0; i < arr1.length; i++) {
font-size: 14px;
color: var(--td--main-btn-color-1);
white-space: nowrap;
font-family: "bold";
font-family: 'bold';
padding: 4px 12px;
}
.t-align-center {
......@@ -942,7 +942,7 @@ for (let i = 0; i < arr1.length; i++) {
th {
font-weight: 500;
font-size: 14px;
font-family: "Medium";
font-family: 'Medium';
border-bottom: 1px solid var(--new-border-4);
padding: 10px 12px;
.thead-sort-box {
......@@ -967,7 +967,7 @@ for (let i = 0; i < arr1.length; i++) {
border: none;
border-bottom: 1px solid var(--new-border-3);
background: var(--new-background-5);
font-family: "Regular";
font-family: 'Regular';
padding: 10px 12px;
.custom-no-list {
.dja();
......@@ -998,7 +998,7 @@ for (let i = 0; i < arr1.length; i++) {
color: var(--main-theme-color);
font-weight: 700;
font-size: 16px;
font-family: "bold";
font-family: 'bold';
}
.symbol {
color: var(--td-search-btn-back-1);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment