|
|
@ -75,7 +75,8 @@ |
|
|
<img width="100%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl"/> |
|
|
<img width="100%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl"/> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> --> |
|
|
</swiper> --> |
|
|
<div class="swiper-imgbox" style="text-align: center;"> |
|
|
<!-- 立即注册 --> |
|
|
|
|
|
<div class="swiper-imgbox" style="text-align: center;" v-if="!isLogin"> |
|
|
<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;" |
|
|
<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;" |
|
|
src="../../assets/img/bg/weidengl.png" alt="" /> |
|
|
src="../../assets/img/bg/weidengl.png" alt="" /> |
|
|
<div style="color:#fff;font-size: 18px;margin-top: 1rem;"> |
|
|
<div style="color:#fff;font-size: 18px;margin-top: 1rem;"> |
|
|
@ -89,6 +90,21 @@ |
|
|
{{ $t("shou.a6") }} |
|
|
{{ $t("shou.a6") }} |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<!-- 立即充值 --> |
|
|
|
|
|
<div class="swiper-imgbox" style="text-align: center;" v-if="isLogin"> |
|
|
|
|
|
<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;" |
|
|
|
|
|
src="../../assets/img/bg/home_recharge.png" alt="" /> |
|
|
|
|
|
<div style="color:#fff;font-size: 18px;margin-top: 1rem;"> |
|
|
|
|
|
{{ $t("shou.a0") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div style="margin: 0.4rem 0;color: gray;font-size: 15px;"> |
|
|
|
|
|
{{ $t("shou.a1") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div @click="toRecharge" |
|
|
|
|
|
style="color:#fff;width: 10rem;height: 2.5rem;background-color: #0B0FCC;line-height: 2.5rem;border-radius: 20px;margin: 0 auto;"> |
|
|
|
|
|
{{ $t("shou.a3") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- num count --> |
|
|
<!-- num count --> |
|
|
<div class="num-count"> |
|
|
<div class="num-count"> |
|
|
@ -108,7 +124,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="num num2">{{ item.pair }}</div> |
|
|
<div class="num num2">{{ item.pair }}</div> |
|
|
<div class="title title2">≈0.032935 USD</div> |
|
|
<div class="title title2">≈0.032935 USD</div> |
|
|
<div class="title title3">{{ item.increaseStr }}</div> |
|
|
<div class="title title3" :class="item.increase>0?'increase_t':item.increase<0?'decrease_t':''">{{ item.increaseStr }}</div> |
|
|
<!-- <div class="num-center" style="border-left: 1px solid gray;"></div> --> |
|
|
<!-- <div class="num-center" style="border-left: 1px solid gray;"></div> --> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> |
|
|
</swiper> |
|
|
@ -157,21 +173,19 @@ |
|
|
</div> --> |
|
|
</div> --> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div style="margin-top: 5rem;"> |
|
|
<div> |
|
|
<scroll-view @refresherrefresh="onRefresh" :refresher-enabled="refresherEnabled && scrollTop < 50" |
|
|
<scroll-view scroll-x="true" class="scor-box"> |
|
|
:refresher-triggered="refreshing" refresher-background="transparent" :refresher-threshold="50"> |
|
|
<!-- 公告轮播 --> |
|
|
<!-- 轮播 --> |
|
|
<v-link class="scor-item" v-for="(item, idx) in notice" :key="idx" |
|
|
<swiper class="my-swipe m-x-md p-b-xs" indicator-dots indicator-color="white"> |
|
|
:to="'/pages/help/detail?id='+item.id"> |
|
|
<swiper-item class="my_swipe_item" v-for="(item, idx) in home" :key="idx"> |
|
|
<!-- <view class="scor-item-title">{{item.title}}</view> --> |
|
|
<img width="90%" height="100%" class="rounded-sm" fit="cover" :src="item.imgurl" /> |
|
|
</v-link> |
|
|
</swiper-item> |
|
|
|
|
|
</swiper> |
|
|
|
|
|
</scroll-view> |
|
|
</scroll-view> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 市场趋势 --> |
|
|
<div class="scqs-list" style="margin-top: 3rem;margin-left: 1rem;"> |
|
|
<div class="scqs-list" style="margin-top: 2rem;margin-left: 1rem;"> |
|
|
<div class="dzdzc-bottom-list-top"> |
|
|
<div class="dzdzc-bottom-list-top"> |
|
|
<div class="dzdzc-bottom-list-title" style="font-size: 24px;"> |
|
|
<div class="dzdzc-bottom-list-title" style="font-size: 24px;"> |
|
|
{{ $t("shou.a8") }} |
|
|
{{ $t("shou.a8") }} |
|
|
@ -189,15 +203,15 @@ |
|
|
<div style="width: 32%;text-align: right;">{{ $t("shou.a10") }}</div> |
|
|
<div style="width: 32%;text-align: right;">{{ $t("shou.a10") }}</div> |
|
|
<div style="width: 25%;text-align: center;">{{ $t("shou.a11") }}</div> |
|
|
<div style="width: 25%;text-align: center;">{{ $t("shou.a11") }}</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id" |
|
|
<div class="scqs-list-li-content" v-for="item in homeList2" :key="item.id" |
|
|
style="display: flex;justify-content: space-between;margin-bottom: 1.5rem;"> |
|
|
style="display: flex;justify-content: space-between;margin-bottom: 1.5rem;"> |
|
|
<div style="width: 40%;"> |
|
|
<div style="width: 40%;"> |
|
|
<img style="width: 25px;height: 25px;vertical-align: middle;margin-right: 0.4rem;" |
|
|
<img style="width: 25px;height: 25px;vertical-align: middle;margin-right: 0.4rem;" |
|
|
:src="item.coin_icon" alt=""> |
|
|
:src="item.coin_icon" alt=""> |
|
|
{{ item.coin_name }} |
|
|
{{ item.coin_name }} |
|
|
</div> |
|
|
</div> |
|
|
<div style="width: 25%;text-align: right;">{{ item.high }}</div> |
|
|
<div style="width: 25%;text-align: right;">{{ item.close }}</div> |
|
|
<div style="width: 25%;text-align: center;">{{ item.increase }}</div> |
|
|
<div style="width: 25%;text-align: center;" :class="item.increase>0?'increase_t':item.increase<0?'decrease_t':''">{{ item.increaseStr }}</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -244,6 +258,7 @@ |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 多终端支持 --> |
|
|
<div class="dzdzc-img"> |
|
|
<div class="dzdzc-img"> |
|
|
<div class="dzdzc-img-top"> |
|
|
<div class="dzdzc-img-top"> |
|
|
<div class="dzdzc-img-top-title"> |
|
|
<div class="dzdzc-img-top-title"> |
|
|
@ -274,6 +289,7 @@ |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 在NVRcoin，交易安全稳定 --> |
|
|
<div class="dzdzc-bottom-list"> |
|
|
<div class="dzdzc-bottom-list"> |
|
|
<div class="dzdzc-bottom-list-top"> |
|
|
<div class="dzdzc-bottom-list-top"> |
|
|
<div class="dzdzc-bottom-list-title"> |
|
|
<div class="dzdzc-bottom-list-title"> |
|
|
@ -297,7 +313,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<img class="rightImg" src="../../assets/img/bg/1-1.png" alt=""> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="dzdzc-bottom-lists dzdzc-bottom-lists2"> |
|
|
<div class="dzdzc-bottom-lists dzdzc-bottom-lists2"> |
|
|
@ -312,6 +328,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<img class="rightImg" src="../../assets/img/bg/2-1.png" alt=""> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -327,6 +344,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<img class="rightImg" src="../../assets/img/bg/3-1.png" alt=""> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -342,10 +360,12 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<img class="rightImg" src="../../assets/img/bg/4-1.png" alt=""> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 新手指引 --> |
|
|
<div class="dzdzc-bottom-list"> |
|
|
<div class="dzdzc-bottom-list"> |
|
|
<div class="dzdzc-bottom-list-top"> |
|
|
<div class="dzdzc-bottom-list-top"> |
|
|
<div class="dzdzc-bottom-list-title"> |
|
|
<div class="dzdzc-bottom-list-title"> |
|
|
@ -357,17 +377,12 @@ |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="dzdzc-bottom-lists dzdzc-bottom-lists5"> |
|
|
<v-link class="dzdzc-bottom-lists dzdzc-bottom-lists5" v-for="(articleItem, articleIndex) in articleList" :key="articleIndex" |
|
|
|
|
|
:to="'/pages/help/detail?id='+articleItem.id"> |
|
|
</div> |
|
|
<!-- <view class="list-box m-b-md m-t-lg" :style="{backgroundImage: bgUrl(articleItem.full_cover)}"></view> --> |
|
|
|
|
|
<!-- <view class="list-box m-b-md m-t-lg" :style="{backgroundImage: `url('${articleItem.full_cover} ');`}"></view> --> |
|
|
<div class="dzdzc-bottom-lists dzdzc-bottom-lists6"> |
|
|
<!-- <view class="">{{ articleItem.title }}</view> --> |
|
|
|
|
|
</v-link> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="dzdzc-bottom-lists dzdzc-bottom-lists7"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="ljzqsy-box"> |
|
|
<div class="ljzqsy-box"> |
|
|
@ -375,7 +390,10 @@ |
|
|
<div class="ljzqsy-box-content-title"> |
|
|
<div class="ljzqsy-box-content-title"> |
|
|
{{ $t("shou.a40") }} |
|
|
{{ $t("shou.a40") }} |
|
|
</div> |
|
|
</div> |
|
|
<div @click="login_in()" class="ljzqsy-box-content-btn"> |
|
|
<div @click="login_in()" class="ljzqsy-box-content-btn" v-if="!isLogin"> |
|
|
|
|
|
{{ $t("shou.a41") }} |
|
|
|
|
|
</div> |
|
|
|
|
|
<div @click="toTrad()" class="ljzqsy-box-content-btn" v-else> |
|
|
{{ $t("shou.a41") }} |
|
|
{{ $t("shou.a41") }} |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -1042,6 +1060,7 @@ export default { |
|
|
marketList: [], |
|
|
marketList: [], |
|
|
marketListHe: [], |
|
|
marketListHe: [], |
|
|
homeList: [], |
|
|
homeList: [], |
|
|
|
|
|
homeList2: [], |
|
|
home: {}, |
|
|
home: {}, |
|
|
notice: [], |
|
|
notice: [], |
|
|
wap: "", |
|
|
wap: "", |
|
|
@ -1074,6 +1093,9 @@ export default { |
|
|
num: 0, |
|
|
num: 0, |
|
|
scrollTop: 0, |
|
|
scrollTop: 0, |
|
|
refreshing: false, |
|
|
refreshing: false, |
|
|
|
|
|
guideId: '',// 当前显示课程分类的ID |
|
|
|
|
|
guideList: [],//课程列表 |
|
|
|
|
|
articleList: [] |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
@ -1117,8 +1139,32 @@ export default { |
|
|
//获取学院分类列表 |
|
|
//获取学院分类列表 |
|
|
getCollegeList() { |
|
|
getCollegeList() { |
|
|
College.getCategoryList().then(res => { |
|
|
College.getCategoryList().then(res => { |
|
|
this.college = res.data |
|
|
let college = res.data; |
|
|
console.log(res.data); |
|
|
console.log(res.data); |
|
|
|
|
|
college.forEach(item => { |
|
|
|
|
|
if (this.guideId === '') { |
|
|
|
|
|
this.guideId = item.id; |
|
|
|
|
|
} |
|
|
|
|
|
this.guideList.push({ |
|
|
|
|
|
url : `/college/list/${item.id}`, |
|
|
|
|
|
label : item.name, |
|
|
|
|
|
value : item.name, |
|
|
|
|
|
id : item.id |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
this.getArticleList(); |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
getArticleList() { |
|
|
|
|
|
College.getArticleList({ |
|
|
|
|
|
id:this.guideId |
|
|
|
|
|
}).then(res => { |
|
|
|
|
|
let data = res.data; |
|
|
|
|
|
this.articleList = data.slice(0,3); |
|
|
|
|
|
console.log(this.articleList, 222222); |
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
// this.skroll(); |
|
|
|
|
|
}, 100); |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
goMine() { |
|
|
goMine() { |
|
|
@ -1177,9 +1223,10 @@ export default { |
|
|
console.log(ajax); |
|
|
console.log(ajax); |
|
|
ajax.then((res) => { |
|
|
ajax.then((res) => { |
|
|
this.home = res.data.bannerList |
|
|
this.home = res.data.bannerList |
|
|
this.notice = res.data.noticeList |
|
|
// this.notice = res.data.noticeList |
|
|
this.indexList = res.data.brokenLine |
|
|
this.indexList = res.data.brokenLine |
|
|
this.homeList = res.data.homeList |
|
|
this.homeList = res.data.homeList |
|
|
|
|
|
this.homeList2 = res.data.marketList[0].marketInfoList.slice(0,5) |
|
|
this.marketList = res.data.marketList |
|
|
this.marketList = res.data.marketList |
|
|
// this.infoActive = 1; |
|
|
// this.infoActive = 1; |
|
|
this.dunshift() |
|
|
this.dunshift() |
|
|
@ -1189,6 +1236,18 @@ export default { |
|
|
}, 600) |
|
|
}, 600) |
|
|
}).catch(() => { }) |
|
|
}).catch(() => { }) |
|
|
}, |
|
|
}, |
|
|
|
|
|
getNotice(){ |
|
|
|
|
|
Member.article({type:'notice'}).then((res)=>{ |
|
|
|
|
|
console.log(res.data.data, 1111222); |
|
|
|
|
|
let arr = res.data.data; |
|
|
|
|
|
arr.map(item=>{ |
|
|
|
|
|
if(item.id == 163 || item.id == 157 || item.id == 158){ |
|
|
|
|
|
this.notice.push(item) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
// this.notice = res.data.data.slice(0,3); |
|
|
|
|
|
}).catch((err) => { }) |
|
|
|
|
|
}, |
|
|
dunshift() { |
|
|
dunshift() { |
|
|
if (this.marketList.filter((item) => item.collect).length) return |
|
|
if (this.marketList.filter((item) => item.collect).length) return |
|
|
this.marketList.unshift({ |
|
|
this.marketList.unshift({ |
|
|
@ -1254,7 +1313,7 @@ export default { |
|
|
sub |
|
|
sub |
|
|
} = res |
|
|
} = res |
|
|
if (sub == "indexMarketList") { |
|
|
if (sub == "indexMarketList") { |
|
|
this.marketList = data |
|
|
this.marketList = data; |
|
|
this.marketList.forEach((item, index) => { |
|
|
this.marketList.forEach((item, index) => { |
|
|
item.marketInfoList.forEach((iitem, iindex) => { |
|
|
item.marketInfoList.forEach((iitem, iindex) => { |
|
|
iitem.kline = { |
|
|
iitem.kline = { |
|
|
@ -1264,6 +1323,9 @@ export default { |
|
|
}) |
|
|
}) |
|
|
this.dunshift() |
|
|
this.dunshift() |
|
|
this.replaceOptional() |
|
|
this.replaceOptional() |
|
|
|
|
|
|
|
|
|
|
|
// this.homeList2 = data[0].marketInfoList.slice(0,5); |
|
|
|
|
|
console.log(this.homeList2, '----------市场趋势获取动态'); |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
let msg = "swapMarketList" |
|
|
let msg = "swapMarketList" |
|
|
@ -1278,6 +1340,11 @@ export default { |
|
|
sub |
|
|
sub |
|
|
} = res |
|
|
} = res |
|
|
if (sub == msg) { |
|
|
if (sub == msg) { |
|
|
|
|
|
|
|
|
|
|
|
if (sub == "swapMarketList") { |
|
|
|
|
|
// 公告上面的数据获取动态 |
|
|
|
|
|
// this.homeList = data[0].marketInfoList; |
|
|
|
|
|
} |
|
|
this.marketListHe = data[0].marketInfoList |
|
|
this.marketListHe = data[0].marketInfoList |
|
|
this.marketListHe.forEach((item, index) => { |
|
|
this.marketListHe.forEach((item, index) => { |
|
|
// item.kline=item.series |
|
|
// item.kline=item.series |
|
|
@ -1394,12 +1461,24 @@ export default { |
|
|
login_in() { |
|
|
login_in() { |
|
|
this.$router.push({ path: '/pages/login/index' }) |
|
|
this.$router.push({ path: '/pages/login/index' }) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
toTrad(){ |
|
|
|
|
|
// this.$router.push({ path: '/pages/login/index' }) |
|
|
|
|
|
this.tabChange("exchange-operation") |
|
|
|
|
|
}, |
|
|
|
|
|
toRecharge(){ |
|
|
|
|
|
if(this.detail.primary_status){ |
|
|
|
|
|
this.$router.push({ path: '/pages/assets/recharge' }) |
|
|
|
|
|
}else{ |
|
|
|
|
|
this.$router.push({ path: '/pages/auth/primary' }) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
// created() { |
|
|
// created() { |
|
|
// this.indexList(); |
|
|
// this.indexList(); |
|
|
// }, |
|
|
// }, |
|
|
mounted() { |
|
|
mounted() { |
|
|
|
|
|
this.getNotice(); |
|
|
this.getCollegeList() |
|
|
this.getCollegeList() |
|
|
this.onRefresh() |
|
|
this.onRefresh() |
|
|
this.indexData() |
|
|
this.indexData() |
|
|
@ -1499,6 +1578,7 @@ export default { |
|
|
padding: 2.6667rem |
|
|
padding: 2.6667rem |
|
|
/* 100px -> 2.6667rem */ |
|
|
/* 100px -> 2.6667rem */ |
|
|
0; |
|
|
0; |
|
|
|
|
|
box-sizing: content-box; |
|
|
|
|
|
|
|
|
.num-top { |
|
|
.num-top { |
|
|
// justify-content: space-around; |
|
|
// justify-content: space-around; |
|
|
@ -1540,12 +1620,17 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title3 { |
|
|
.title3 { |
|
|
color: #4EAA83; |
|
|
|
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.increase_t{ |
|
|
|
|
|
color: #4EAA97 !important; |
|
|
|
|
|
} |
|
|
|
|
|
.decrease_t{ |
|
|
|
|
|
color: #CF6A57 !important; |
|
|
|
|
|
} |
|
|
.scqs-list-bottom-box { |
|
|
.scqs-list-bottom-box { |
|
|
width: 40%; |
|
|
width: 40%; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
@ -1563,14 +1648,16 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-img { |
|
|
.dzdzc-img { |
|
|
margin-top: 80px; |
|
|
margin-top: 40px; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 1370upx; |
|
|
background-image: url('../../assets/img/bg/app.png'); |
|
|
background-image: url('../../assets/img/bg/app.png'); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
background-position: 100% 100%; |
|
|
background-position: 100% 100%; |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
position: relative; |
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
.dzdzc-img-top { |
|
|
.dzdzc-img-top { |
|
|
padding: 2rem 0 0 1rem; |
|
|
padding: 2rem 0 0 1rem; |
|
|
@ -1590,10 +1677,7 @@ export default { |
|
|
|
|
|
|
|
|
.dzdzc-img-bottom { |
|
|
.dzdzc-img-bottom { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
position: absolute; |
|
|
padding: 0.5rem 1rem 1rem; |
|
|
bottom: 2rem; |
|
|
|
|
|
left: 1rem; |
|
|
|
|
|
padding-right: 2rem; |
|
|
|
|
|
|
|
|
|
|
|
.dzdzc-img-bottom-title { |
|
|
.dzdzc-img-bottom-title { |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
@ -1647,15 +1731,22 @@ export default { |
|
|
.dzdzc-bottom-lists { |
|
|
.dzdzc-bottom-lists { |
|
|
|
|
|
|
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
min-height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
background-image: url('../../assets/img/bg/1.png'); |
|
|
background-image: url('../../assets/img/bg/1.png'); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
|
|
|
img.rightImg{ |
|
|
|
|
|
width: 260upx; |
|
|
|
|
|
height: 170upx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists-text { |
|
|
.dzdzc-bottom-lists-text { |
|
|
width: 66%; |
|
|
width: 66%; |
|
|
padding-top: 0.9rem; |
|
|
padding: 0.9rem 0px; |
|
|
margin-left: 1rem; |
|
|
margin-left: 1rem; |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists-text-title { |
|
|
.dzdzc-bottom-lists-text-title { |
|
|
@ -1677,32 +1768,61 @@ export default { |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists2 { |
|
|
.dzdzc-bottom-lists2 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
min-height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
background-image: url('../../assets/img/bg/2.png'); |
|
|
background-image: url('../../assets/img/bg/2.png'); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
|
|
|
.dzdzc-bottom-lists-text { |
|
|
|
|
|
width: 78%; |
|
|
|
|
|
padding: 0.9rem 0px; |
|
|
|
|
|
margin-left: 1rem; |
|
|
|
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists-text-title { |
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
.dzdzc-bottom-lists-text-t { |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
color: gray; |
|
|
|
|
|
margin-top: 0.5rem; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
img.rightImg{ |
|
|
|
|
|
width: 250upx; |
|
|
|
|
|
height: 250upx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists3 { |
|
|
.dzdzc-bottom-lists3 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
min-height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
background-image: url('../../assets/img/bg/3.png'); |
|
|
background-image: url('../../assets/img/bg/3.png'); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
|
|
|
img.rightImg{ |
|
|
|
|
|
width: 180upx; |
|
|
|
|
|
height: 180upx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists4 { |
|
|
.dzdzc-bottom-lists4 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
min-height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
background-image: url('../../assets/img/bg/4.png'); |
|
|
background-image: url('../../assets/img/bg/2.png'); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
|
|
|
img.rightImg{ |
|
|
|
|
|
width: 220upx; |
|
|
|
|
|
height: 220upx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists5 { |
|
|
.dzdzc-bottom-lists5:nth-of-type(1) { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
@ -1711,7 +1831,7 @@ export default { |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists6 { |
|
|
.dzdzc-bottom-lists5:nth-of-type(2) { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
@ -1720,7 +1840,7 @@ export default { |
|
|
background-repeat: no-repeat; |
|
|
background-repeat: no-repeat; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.dzdzc-bottom-lists7 { |
|
|
.dzdzc-bottom-lists5:nth-of-type(3) { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 170px; |
|
|
height: 170px; |
|
|
margin-top: 1rem; |
|
|
margin-top: 1rem; |
|
|
@ -2069,11 +2189,12 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.my-swipe { |
|
|
.my-swipe { |
|
|
height: 150px; |
|
|
width: 100vw; |
|
|
|
|
|
height: 170px; |
|
|
|
|
|
|
|
|
.my_swipe_item { |
|
|
.my_swipe_item { |
|
|
display: inline !important; |
|
|
display: inline !important; |
|
|
width: 60% !important; |
|
|
// width: 60% !important; |
|
|
// height: 90% !important; |
|
|
// height: 90% !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -2087,6 +2208,40 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 公告轮播 |
|
|
|
|
|
.scor-box{ |
|
|
|
|
|
width: 100vw; |
|
|
|
|
|
height: 110px; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
padding: 0px 15px; |
|
|
|
|
|
::-webkit-scrollbar { display:none !important; } |
|
|
|
|
|
.scor-item{ |
|
|
|
|
|
width: 414upx !important; |
|
|
|
|
|
height: 220upx !important; |
|
|
|
|
|
margin-right: 15px; |
|
|
|
|
|
display: inline-block; |
|
|
|
|
|
} |
|
|
|
|
|
.scor-item:nth-of-type(1){ |
|
|
|
|
|
background-image: url("../../assets/img/bg/图片 7@1x.png"); |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.scor-item:nth-of-type(2){ |
|
|
|
|
|
background-image: url("../../assets/img/bg/图片 9@1x.png"); |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.scor-item:nth-last-child(1){ |
|
|
|
|
|
margin-right: 0px; |
|
|
|
|
|
background-image: url("../../assets/img/bg/图片 10@1x.png"); |
|
|
|
|
|
background-size: 100% 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.scor-item-title{ |
|
|
|
|
|
font-size: 12px; |
|
|
|
|
|
display: -webkit-box;//将盒子转换为弹性盒子
-webkit-box-orient: vertical;//文本显示方式，默认水平
-webkit-line-clamp: 1;//设置显示多少行 |
|
|
|
|
|
word-wrap: break-word; |
|
|
|
|
|
word-break:break-all;// 英文换行
overflow: hidden; |
|
|
|
|
|
padding: 20px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
// 轮播 |
|
|
// 轮播 |
|
|
.swiper-imgbox { |
|
|
.swiper-imgbox { |
|
|
width: 375px; |
|
|
width: 375px; |
|
|
|
