fix

src/components/charts.vue

@@ -158,6 +158,11 @@ export default Vue.extend({
               },
               xAxis: {
                 type: 'category',
+                axisLabel: {
+                  textStyle: {
+                    color: '#7c88ad',
+                  },
+                },
                 boundaryGap: false,
                 data: times
                   ?.map((i) => {
@@ -171,13 +176,43 @@ export default Vue.extend({
                   formatter: (item: number) => {
                     return nFormatter(item)
                   },
+                  textStyle: {
+                    color: '#7c88ad',
+                  },
                 },
               },
               series: [
                 {
-                  data: this.xData.map((i: any) => i || 0).reverse(),
                   type: 'line',
-                  areaStyle: {},
+                  data: this.xData.map((i: any) => i || 0).reverse(),
+                  areaStyle: {
+                    color: 'red',
+                    normal: {
+                      // 颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
+                      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                        {
+                          offset: 0,
+                          color: '#2545CB', // 0% 处的颜色
+                        },
+                        {
+                          offset: 0.6,
+                          color: '#9FAEE9', // 40% 处的颜色
+                        },
+                        {
+                          offset: 1,
+                          color: 'white', // 100% 处的颜色
+                        },
+                      ]), //背景渐变色
+                      lineStyle: {
+                        // 系列级个性化折线样式
+                        type: 'solid',
+                        color: '#2545CB', //折线的颜色
+                      },
+                    },
+                  },
+                  smooth: true,
+                  showSymbol: false,
+                  itemStyle: {},
                 },
               ],
               grid: this.grid,

src/components/chartsInAddr.vue

@@ -86,6 +86,11 @@ export default VueTypedMixins(chartsMixin).extend({
               },
               xAxis: {
                 type: 'category',
+                axisLabel: {
+                  textStyle: {
+                    color: '#7c88ad',
+                  },
+                },
                 boundaryGap: false,
                 data: times
                   ?.map((i) => {
@@ -99,6 +104,9 @@ export default VueTypedMixins(chartsMixin).extend({
                   formatter: (item: number) => {
                     return nFormatter(item)
                   },
+                  textStyle: {
+                    color: '#7c88ad',
+                  },
                 },
               },
               series: [
@@ -109,7 +117,33 @@ export default VueTypedMixins(chartsMixin).extend({
                     .map((i) => i / 1e8)
                     .reverse(),
                   type: 'line',
-                  areaStyle: {},
+                  areaStyle: {
+                    normal: {
+                      // 颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
+                      color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                        {
+                          offset: 0,
+                          color: '#2545CB', // 0% 处的颜色
+                        },
+                        {
+                          offset: 0.6,
+                          color: '#9FAEE9', // 40% 处的颜色
+                        },
+                        {
+                          offset: 1,
+                          color: 'white', // 100% 处的颜色
+                        },
+                      ]), //背景渐变色
+                      lineStyle: {
+                        // 系列级个性化折线样式
+                        type: 'solid',
+                        color: '#2545CB', //折线的颜色
+                      },
+                    },
+                  },
+                  smooth: true,
+                  showSymbol: false,
+                  itemStyle: {},
                 },
               ],
               grid: this.grid,

src/components/mobile/m-chain-price.vue

@@ -15,10 +15,10 @@
       >
         {{ quoteChange }}
       </div>
-      <div class="font-bold text-xs text-white mt-4">
+      <div class="text-xs text-white mt-6">
         {{ $t('lang.price.realTimeQuotes') }}
       </div>
-      <div class="font-bold text-xs text-white mt-2">
+      <div class="text-xs text-white mt-1">
         {{ $t('lang.price._24hourVolatility') }}
       </div>
     </div>

src/components/pc/BlockChainBrowser/AddressOverview/Balance.vue

@@ -9,7 +9,7 @@
       {{ $t('lang.address.balance') }}
     </div>
     <div class="balance-value">{{ balance | filterAmount }} YCC</div>
-    <div class="text-sm text-white">
+    <div class="text-sm text-white" style="margin-top: 10px;">
       {{ $t('lang.address.freeze') }}
       <span class="ml-2">{{ frozen | filterAmount }} YCC</span>
     </div>

src/components/pc/CurrencySelect.vue

@@ -126,15 +126,15 @@ export default Vue.extend({
 <style scoped lang="scss">
 .c-select {
   .selected-txt {
-    font-size: 20px;
+    font-size: 14px;
     font-weight: bold;
     color: #ffffff;
     margin-left: 10px;
     white-space: nowrap;
   }
   .selected-txt-small {
-    font-size: 14px;
-    margin-left: 5px;
+    font-size: 12px;
+    margin-left: 10px;
   }
   .select {
     width: 100px;
@@ -148,7 +148,7 @@ export default Vue.extend({
     }
   }
   .select-small {
-    width: 70px;
+    width: 100px;
     height: 30px;
   }
   .options {