download

package.json

@@ -7,9 +7,11 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "amfe-flexible": "^2.2.1",
     "axios": "^1.13.2",
     "html2canvas": "^1.4.1",
     "klinecharts": "^8.6.3",
+    "postcss-pxtorem": "^6.1.0",
     "vant": "^4.9.21",
     "vue": "^3.2.13",
     "vue-i18n": "^12.0.0-alpha.3",
@@ -17,9 +19,9 @@
     "vuex": "^4.0.0"
   },
   "overrides": {
-      "resolutions": {
-        "postcss": "^8.4.31"
-      }
+    "resolutions": {
+      "postcss": "^8.4.31"
+    }
   },
   "devDependencies": {
     "@vue/cli-plugin-router": "~5.0.0",

src/views/index/cloudComputingPower/Index.vue

@@ -23,7 +23,7 @@
                 <div>0.0176/T/天</div>
               </div>
               <div class="info-bottom">
-                <div class="pf500 fs10 fc121212">
+                <div class="bottom-coin pf500 fs10 fc121212">
                   <img src="@/assets/icon/coin/bnb.svg" alt="" />
                   BTC
                 </div>
@@ -183,6 +183,17 @@
                 width: 100%;
                 height: 15px;
 
+                .bottom-coin {
+                  display: flex;
+                  flex-direction: row;
+                  justify-content: flex-start;
+                  align-items: center;
+
+                  img {
+                    margin-right: 2px;
+                  }
+                }
+
                 .start-time {
                   display: flex;
                   flex-direction: row;