xioayue
/
nvr_coin_h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

nvr首页2

master
‘daijinzheng@xingtongworld.com’ 3 years ago
parent
866d16f400
commit
416404cd7a
2 changed files with 1240 additions and 1189 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 69
      pages/base/home.vue
  2. 20
      pages/base/index.vue

69
pages/base/home.vue
View File

@ -76,14 +76,16 @@
</swiper-item>
</swiper> -->
<div class="swiper-imgbox" style="text-align: center;">
<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;" src="../../assets/img/bg/weidengl.png" alt="" />
<img style="display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem;"
src="../../assets/img/bg/weidengl.png" alt="" />
<div style="color:#fff;font-size: 18px;margin-top: 1rem;">
{{ $t("shou.a4") }}
</div>
<div style="margin: 0.4rem 0;color: gray;font-size: 15px;">
{{ $t("shou.a5") }}
</div>
<div @click="sign_up()" style="color:#fff;width: 10rem;height: 2.5rem;background-color: #0B0FCC;line-height: 2.5rem;border-radius: 20px;margin: 0 auto;">
<div @click="sign_up()"
style="color:#fff;width: 10rem;height: 2.5rem;background-color: #0B0FCC;line-height: 2.5rem;border-radius: 20px;margin: 0 auto;">
{{ $t("shou.a6") }}
</div>
</div>
@ -94,8 +96,10 @@
<div class="num-left">
<!-- <div class="num">{{$t("common.user")}}</div> -->
<div class="num">
<img src="../../assets/img/bg/USDT(2) Copy@2x.png" style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
BTC/USDT</div>
<img src="../../assets/img/bg/USDT(2) Copy@2x.png"
style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
BTC/USDT
</div>
<div class="num num2">0.032935</div>
<div class="title title2">≈0.032935 USD</div>
<div class="title title3">+0.12%</div>
@ -112,8 +116,10 @@
<div class="num-right">
<!-- <div class="num">{{$t("common.user")}}</div> -->
<div class="num">
<img src="../../assets/img/bg/USDT(2) Copy@2x.png" style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
BTC/USDT</div>
<img src="../../assets/img/bg/USDT(2) Copy@2x.png"
style="width: 24px;height: 24px;margin-right: 6px;vertical-align: bottom;" alt="">
BTC/USDT
</div>
<div class="num num2">0.032935</div>
<div class="title title2">≈0.032935 USD</div>
<div class="title title3">+0.12%</div>
@ -136,6 +142,34 @@
</div> -->
</div>
<div class="scqs-list" style="margin-top: 6rem;margin-left: 1rem;">
<div class="dzdzc-bottom-list-top">
<div class="dzdzc-bottom-list-title" style="font-size: 24px;">
{{ $t("shou.a8") }}
</div>
<div class="dzdzc-bottom-list-text" style="font-size: 16px;color: gray;">
{{ $t("shou.a7") }}
</div>
</div>
<div class="scqs-list-li" style="margin-top: 1rem;">
<div class="scqs-list-li-top" style="display: flex;justify-content: space-between;color: gray;">
<div style="width: 40%;">币种</div>
<div style="width: 25%;">最新价(USD)</div>
<div style="width: 25%;">24小时涨幅</div>
</div>
<div class="scqs-list-li-content" v-for="item in indexList" :key="item.id" style="display: flex;justify-content: space-between;">
<div style="width: 40%;">
<img src="item.coin_icon" alt="">
{{ item.coin_name}}</div>
<div style="width: 25%;">最新价(USD)</div>
<div style="width: 25%;">24小时涨幅</div>
</div>
</div>
</div>
<div class="dzdzc-img">
<div class="dzdzc-img-top">
<div class="dzdzc-img-top-title">
@ -750,7 +784,8 @@
<view class="fn-bold fn-16">
{{ $t("first.b2") }}
</view>
<v-link to="/pages/login/index" class="color-theme-1 goLogin rounded m-t-xs fn-md m-y-md fn-center">
<v-link to="/pages/login/index"
class="color-theme-1 goLogin rounded m-t-xs fn-md m-y-md fn-center">
{{ $t("first.b1") }}
</v-link>
</view>
@ -821,8 +856,7 @@
</view>
<van-icon name="arrow" class="fn-18" />
</v-link>
<v-link to="/pages/safe/index" tag="div"
class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
<v-link to="/pages/safe/index" tag="div" class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
<view class="d-flex align-center">
<img :src="$localImgUrl('Page3.png')" alt="" class="h-20 m-r-xs" />
<span class="color-light">{{ $t("base.c3") }}</span>
@ -1064,10 +1098,12 @@
let ajax = Home.indexList(data, {
loading: true
})
console.log(ajax);
ajax.then((res) => {
this.home = res.data.bannerList
this.notice = res.data.noticeList
this.indexList = res.data.brokenLine
console.log(this.indexList);
this.marketList = res.data.marketList
// this.infoActive = 1;
this.dunshift()
@ -1406,6 +1442,7 @@
color: white;
margin-bottom: 10px;
}
.num2 {
font-size: 20px;
// color: rgba(50, 105, 235, 1);
@ -1417,10 +1454,12 @@
color: #fff;
font-size: 14px;
}
.title2 {
color: gray;
font-size: 14px;
}
.title3 {
color: #4EAA83;
font-size: 14px;
@ -1437,13 +1476,16 @@
background-position: 100% 100%;
background-repeat: no-repeat;
position: relative;
.dzdzc-img-top {
padding: 2rem 0 0 1rem;
color: #fff;
.dzdzc-img-top-title {
font-size: 24px;
font-weight: bold;
}
.dzdzc-img-top-text {
font-size: 16px;
margin-top: 0.5rem;
@ -1457,6 +1499,7 @@
bottom: 2rem;
left: 1rem;
padding-right: 2rem;
.dzdzc-img-bottom-title {
color: #fff;
font-size: 16px;
@ -1469,6 +1512,7 @@
justify-content: space-between;
margin-top: 1.2rem;
color: #fff;
.btn {
width: 10rem;
height: 3.1rem;
@ -1479,6 +1523,7 @@
background-size: 100% 100%;
background-repeat: no-repeat;
}
.btn2 {
background-image: url('../../assets/img/bg/and.png');
}
@ -1489,6 +1534,7 @@
.dzdzc-bottom-list {
padding: 2rem 1rem;
.dzdzc-bottom-list-top {
.dzdzc-bottom-list-title {
font-size: 28px;
@ -1496,6 +1542,7 @@
color: #fff;
}
.dzdzc-bottom-list-text {
margin-top: 0.6rem;
@ -1510,6 +1557,7 @@
background-image: url('../../assets/img/bg/1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
.dzdzc-bottom-lists-text {
width: 70%;
padding-top: 0.9rem;
@ -1520,6 +1568,7 @@
color: #fff;
}
.dzdzc-bottom-lists-text-t {
font-size: 15px;
color: gray;
@ -1535,12 +1584,14 @@
.ljzqsy-box {
text-align: center;
.ljzqsy-box-content {
.ljzqsy-box-content-title {
font-size: 26px;
color: #fff;
}
.ljzqsy-box-content-btn {
width: 7rem;
height: 3rem;

20
pages/base/index.vue
View File

@ -87,16 +87,16 @@ export default {
icon: "static/img/base_caidan_0.png",
activeIcon: "static/img/base_caidan_1.png",
},
{
// label: this.$t("base.a4"),
// tel: "option-list",
label: this.$t("help.a3"),
tel: "help",
// label: this.$t("purchase.a5"),
// tel: "purchase",
icon: "static/img/base_qukuai_0.png",
activeIcon: "static/img/base_qukuai_1.png",
},
// {
// // label: this.$t("base.a4"),
// // tel: "option-list",
// label: this.$t("help.a3"),
// tel: "help",
// // label: this.$t("purchase.a5"),
// // tel: "purchase",
// icon: "static/img/base_qukuai_0.png",
// activeIcon: "static/img/base_qukuai_1.png",
// },
{
label: this.$t("base.d2"),

Write Preview
Loading…
Cancel
Save