首页修改

.env.development

@@ -5,7 +5,9 @@ VUE_APP_TITLE = 共享电动车管理系统
 ENV = 'development'
 
 # 共享电动车管理系统/开发环境
-VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
+# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
+VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
+
 # VUE_APP_BASE_API = 'http://192.168.2.75:8088'
 
 # 路由懒加载

.env.production

@@ -5,7 +5,8 @@ VUE_APP_TITLE = 共享电动车管理系统
 ENV = 'production'
 
 # 共享电动车管理系统/生产环境
-VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
+# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
+VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
 
 # 小程序外链跳转设备
 VUE_APP_WX_DEVICE_URL = 'weixin://dl/business/?appid=wx4d178f8c80348214&env_version=release'

.env.staging

@@ -5,6 +5,7 @@ NODE_ENV = production
 
 # 测试环境配置
 ENV = 'staging'
+# VUE_APP_BASE_API = 'https://dche.ccttiot.com/prod-api'
 VUE_APP_BASE_API = 'https://che.chuangtewl.com/prod-api'
 # 共享电动车管理系统/测试环境
 # VUE_APP_BASE_API = 'https://dianche.chuantewulian.cn/stage-api'

src/views/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="page" v-if="userName == 'admin'">
-    <div class="info_li">
+    <div class="left">
+       <div class="info_li">
       <div class="card1">
         <div class="txt">运营商数</div>
         <div class="num">{{StatisticsInfo.operatorCount }}</div>
@@ -207,6 +208,10 @@
         </div>
       </div>
     </div>
+    </div>
+    <div class="right">
+        1
+    </div>
   </div>
 </template>
 
@@ -333,9 +338,18 @@ export default {
   width: 100%;
   // height: 100vh;
   display: flex;
-  flex-direction: column;
+ 
-
+  flex-wrap: nowrap;
-  .cont_box {
+   flex-direction: row;
+  .right{
+    width: 24%;
+     display: flex;
+    flex-wrap: nowrap;
+    background: #fff;
+  }
+  .left{
+     width: 75%;
+      .cont_box {
     width: 100%;
     margin-top: 1.33rem;
     display: flex;
@@ -392,30 +406,34 @@ export default {
 
             .txt {
               font-weight: 500;
-              font-size: 1.33rem;
+              font-size: 1rem;
               color: #1D252F;
+                z-index: 1;
             }
 
             .num {
               margin-top: 1.08rem;
               margin-bottom: 0.44rem;
               font-weight: 500;
-              font-size: 2rem;
+              font-size: 1.5rem;
               color: #1D252F;
+                z-index: 1;
             }
 
             .txt1 {
-              font-size: 1.17rem;
+              font-size: 1rem;
               color: #1D252F;
               line-height: 1.58rem;
+               z-index: 1;
             }
 
             img {
               position: absolute;
-              right: 2.75rem;
+              right: 1.75rem;
               top: 1.42rem;
               width: 4.5rem;
               height: 4.5rem;
+              z-index: 0;
             }
           }
 
@@ -452,6 +470,7 @@ export default {
                 width: 1.33rem;
                 height: 1.33rem;
                 margin-right: 0.58rem;
+                z-index: -1;
               }
 
               display: flex;
@@ -460,7 +479,7 @@ export default {
               align-items: center;
               width: 100%;
               font-weight: 500;
-              font-size: 1.33rem;
+              font-size: 1rem;
               color: #757575;
             }
 
@@ -541,44 +560,48 @@ export default {
     flex-wrap: nowrap;
     // justify-content: space-between;
     height: 10.42rem;
+   width: 100%;
+   .card2 {
+  margin-right: 1%;
+  padding: 1.42rem 1.75rem 1.33rem;
+  position: relative;
+  width: 20%;
+  height: 10.42rem;
+  background: #fff;
+  border-radius: 0rem 0rem 0rem 0rem;
 
-    .card2 {
+  .txt, .num, .txt1 {
-      margin-right: 1%;
+    font-weight: 500;
-      padding: 1.42rem 1.75rem 1.33rem;
+    position: relative; // 确保文字相对于父容器定位
-      position: relative;
+    z-index: 10; // 确保文字在图片上方
-      width: 20%;
+    color: #1D252F;
-      height: 10.42rem;
+  }
-      background: #fff;
-      border-radius: 0rem 0rem 0rem 0rem;
 
-      .txt {
+  .txt {
-        font-weight: 500;
+    font-size: 1rem;
-        font-size: 1.33rem;
+  }
-        color: #1D252F;
-      }
 
-      .num {
+  .num {
-        margin-top: 1.08rem;
+    margin-top: 1.08rem;
-        margin-bottom: 0.44rem;
+    margin-bottom: 0.44rem;
-        font-weight: 500;
+    font-size: 1.5rem;
-        font-size: 2rem;
+  }
-        color: #1D252F;
-      }
 
-      .txt1 {
+  .txt1 {
-        font-size: 1.17rem;
+    font-size: 1rem;
-        color: #1D252F;
+    line-height: 1.58rem;
-        line-height: 1.58rem;
+  }
-      }
+
+  img {
+    position: absolute;
+    right: 1.75rem;
+    top: 1.42rem;
+    width: 4.5rem;
+    height: 4.5rem;
+    z-index: 0; // 确保图片在文字下方
+  }
+}
 
-      img {
-        position: absolute;
-        right: 2.75rem;
-        top: 1.42rem;
-        width: 4.5rem;
-        height: 4.5rem;
-      }
-    }
 
     .card1 {
       margin-right: 1%;
@@ -619,5 +642,7 @@ export default {
     }
 
   }
+  }
+
 }
 </style>