22

src/views/college/list.vue

@@ -2,7 +2,7 @@
 <div class="list-page">
     <div class="banner">
         <div class="content">
-            <div style="flex:1;margin-right: 40px;">
+            <div style="margin-right: 40px;">
                 <h2>{{ $t("xtzcoins3.a58") }}</h2>
                 <div class="mt-3 mb-4">{{ $t("xtzcoins3.a59") }}</div>
                 <!-- <div style="display: inline-block;
@@ -14,7 +14,7 @@
             </div>
             <div>
                 <img src="../../../static/images/binance-earn.png" alt="" width="420">
-                <div style="text-align: right;margin-top: 10px;">{{ $t("xtzcoins3.a60") }}</div>
+                <div style="text-align: right;margin-top: 10px;word-break: break-all;">{{ $t("xtzcoins3.a60") }}</div>
             </div>
         </div>
     </div>

src/views/home/index.vue

@@ -357,18 +357,18 @@
           <!-- <div style="width:45%;"><img src="" alt="" style="height:70px;margin-bottom: 10px;background-color: #ccc;"><img src="" alt="" style="height:40px;margin-bottom: 10px;background-color: #ccc;"></div> -->
         </div>
       </div>
-      <div class="d-flex justify-content-between mt-5" style="width:100%;">
-        <div style="width: 25%;">
-          <h1>{{ $t("xtzcoins3.a92") }}</h1><div>{{ $t("xtzcoins3.a4") }}</div>
+      <div class="table1">
+        <div class="tr1">
+          <h1 class="td1">{{ $t("xtzcoins3.a92") }}</h1>
+          <h1 class="td1">350+</h1>
+          <h1 class="td1">{{ $t("xtzcoins3.a93") }}</h1>
+          <h1 class="td1">{{'<0.10%'}}</h1>
         </div>
-        <div style="width: 20%;">
-          <h1>350+</h1><div>{{ $t("xtzcoins3.a5") }}</div>
-        </div>
-        <div style="width: 20%;">
-          <h1>{{ $t("xtzcoins3.a93") }}</h1><div>{{ $t("xtzcoins3.a6") }}</div>
-        </div>
-        <div style="width: 23%;">
-          <h1>{{'<0.10%'}}</h1><div>{{ $t("xtzcoins3.a7") }}</div>
+        <div class="tr1">
+          <div class="td1">{{ $t("xtzcoins3.a4") }}</div>
+          <div class="td1">{{ $t("xtzcoins3.a5") }}</div>
+          <div class="td1">{{ $t("xtzcoins3.a6") }}</div>
+          <div class="td1">{{ $t("xtzcoins3.a7") }}</div>
         </div>
       </div>
     </div>
@@ -385,7 +385,8 @@
     </div>
     <div class="section-block section-block-4" v-if="isLogin">
       <div class="d-flex mb-3" style="margin-top: 20px;">
-        <router-link v-for="sysItem in articleSysList" :to="`/college/detail/${sysItem.category_id}/${sysItem.id}`" class="target-a">
+        <router-link v-for="(sysItem, index) in articleSysList" :to="`/college/detail/${sysItem.category_id}/${sysItem.id}`"
+        :key="index" class="target-a">
           <img :src="sysItem.full_cover" alt="" width="300" height="150" class="img">
         </router-link>
       </div>
@@ -1443,6 +1444,7 @@ export default {
     getEmail(){
       this.$alert(this.email, this.$t("common.email"), {
           confirmButtonText: '确定',
+          confirmButtonClass: 'confirmButtonClass',
           callback: action => {
             // this.$message({
             //   type: 'info',
@@ -2522,6 +2524,17 @@ path {
     background-color: #EAECEF;
     border-radius: 4px;
   }
+  .table1{
+    width:100%;
+    display: table;
+    .tr1{
+      display: table-row;
+      .td1{
+        display: table-cell;
+        padding: 0px 10px;
+      }
+    }
+  }
 }
 .section-block-2{
   padding: 40px 0px;
@@ -2695,4 +2708,7 @@ path {
     }
   }
 }
+.confirmButtonClass{
+  background-color: #F7D558 !important;//无效
+}
 </style>