luyisha 3 years ago
parent
commit
eac340ce31
  1. 4
      src/views/college/list.vue
  2. 40
      src/views/home/index.vue

4
src/views/college/list.vue

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

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

Loading…
Cancel
Save