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

20
pages/base/index.vue
View File

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

Write Preview
Loading…
Cancel
Save