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. 345
      pages/base/home.vue
  2. 20
      pages/base/index.vue

345
pages/base/home.vue
View File

@ -11,7 +11,7 @@
</div> -->
<view class="d-flex align-center">
<!-- <van-icon class="fn-20" name="manager" color="white" @click="show=true" /> -->
<van-icon name="user-circle-o" class="fn-25 color-theme-1" @click="show=true" />
<van-icon name="user-circle-o" class="fn-25 color-theme-1" @click="show = true" />
</view>
<!-- <div class="nav-logo">
@ -76,15 +76,17 @@
</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")}}
{{ $t("shou.a4") }}
</div>
<div style="margin: 0.4rem 0;color: gray;font-size: 15px;">
{{$t("shou.a5")}}
{{ $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;">
{{$t("shou.a6")}}
<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,19 +142,47 @@
</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">
{{$t("shou.a21")}}
{{ $t("shou.a21") }}
</div>
<div class="dzdzc-img-top-text">
{{$t("shou.a22")}}
{{ $t("shou.a22") }}
</div>
</div>
<div class="dzdzc-img-bottom">
<div class="dzdzc-img-bottom-title">
{{$t("shou.a23")}}
{{ $t("shou.a23") }}
</div>
<div class="dzdzc-img-bottom-btn">
<div class="btn">
@ -169,10 +203,10 @@
<div class="dzdzc-bottom-list">
<div class="dzdzc-bottom-list-top">
<div class="dzdzc-bottom-list-title">
{{$t("shou.a28")}}
{{ $t("shou.a28") }}
</div>
<div class="dzdzc-bottom-list-text">
{{$t("shou.a29")}}
{{ $t("shou.a29") }}
</div>
</div>
@ -180,11 +214,11 @@
<div class="dzdzc-bottom-lists">
<div class="dzdzc-bottom-lists-text">
<div class="dzdzc-bottom-lists-text-title">
{{$t("shou.a30")}}
{{ $t("shou.a30") }}
</div>
<div class="dzdzc-bottom-lists-text-t">
{{$t("shou.a31")}}
{{ $t("shou.a31") }}
</div>
@ -195,11 +229,11 @@
<div class="dzdzc-bottom-lists">
<div class="dzdzc-bottom-lists-text">
<div class="dzdzc-bottom-lists-text-title">
{{$t("shou.a32")}}
{{ $t("shou.a32") }}
</div>
<div class="dzdzc-bottom-lists-text-t">
{{$t("shou.a33")}}
{{ $t("shou.a33") }}
</div>
@ -210,11 +244,11 @@
<div class="dzdzc-bottom-lists">
<div class="dzdzc-bottom-lists-text">
<div class="dzdzc-bottom-lists-text-title">
{{$t("shou.a34")}}
{{ $t("shou.a34") }}
</div>
<div class="dzdzc-bottom-lists-text-t">
{{$t("shou.a35")}}
{{ $t("shou.a35") }}
</div>
@ -225,11 +259,11 @@
<div class="dzdzc-bottom-lists">
<div class="dzdzc-bottom-lists-text">
<div class="dzdzc-bottom-lists-text-title">
{{$t("shou.a36")}}
{{ $t("shou.a36") }}
</div>
<div class="dzdzc-bottom-lists-text-t">
{{$t("shou.a37")}}
{{ $t("shou.a37") }}
</div>
@ -241,10 +275,10 @@
<div class="dzdzc-bottom-list">
<div class="dzdzc-bottom-list-top">
<div class="dzdzc-bottom-list-title">
{{$t("shou.a38")}}
{{ $t("shou.a38") }}
</div>
<div class="dzdzc-bottom-list-text">
{{$t("shou.a39")}}
{{ $t("shou.a39") }}
</div>
</div>
@ -265,10 +299,10 @@
<div class="ljzqsy-box">
<div class="ljzqsy-box-content">
<div class="ljzqsy-box-content-title">
{{$t("shou.a40")}}
{{ $t("shou.a40") }}
</div>
<div @click="login_in()" class="ljzqsy-box-content-btn">
{{$t("shou.a41")}}
{{ $t("shou.a41") }}
</div>
</div>
@ -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>
@ -761,12 +796,12 @@
</v-link> -->
</view>
</view>
<!-- <v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"-->
<v-link :to="detail.status!=2?'/pages/auth/index':'/pages/auth/index'" tag="div"
<!-- <v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"-->
<v-link :to="detail.status != 2 ? '/pages/auth/index' : '/pages/auth/index'" tag="div"
class="bg-form-panel-3 p-xs m-xs color-theme-1 d-flex justify-between align-center">
<view class=" d-flex align-center">
<van-icon name="manager" class="fn-18" />
<text class="p-l-md fn-14">{{$t('auth.a1')}}</text>
<text class="p-l-md fn-14">{{ $t('auth.a1') }}</text>
</view>
<!-- <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-if="detail.status!=2">{{$t('first.a0')}}</text> -->
<!-- <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-else>{{$t('auth.a3')}}</text> -->
@ -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>
@ -857,7 +891,7 @@
class="per-bot p-y-md p-x-sm d-flex align-center justify-between">
<view class="d-flex align-center">
<img :src="$localImgUrl('Page10.png')" alt="" class="h-20 m-r-xs" />
<span class="color-light">{{$t('first.a1')}}</span>
<span class="color-light">{{ $t('first.a1') }}</span>
</view>
<van-icon name="arrow" class="fn-18" />
</v-link>
@ -891,24 +925,24 @@
</template>
<script>
import College from "@/api/college"
import Home from "@/api/home"
import Wallet from "@/api/wallet"
import Exchange from "@/api/exchange"
import math from "@/utils/class/math.js"
import Member from "@/api/member"
import app from "@/app"
import Profile from "@/api/profile"
import {
import College from "@/api/college"
import Home from "@/api/home"
import Wallet from "@/api/wallet"
import Exchange from "@/api/exchange"
import math from "@/utils/class/math.js"
import Member from "@/api/member"
import app from "@/app"
import Profile from "@/api/profile"
import {
mapState,
mapActions
} from "vuex"
import {
} from "vuex"
import {
handleClipboard
} from "../../utils/class/copy.js"
import qs from "qs"
} from "../../utils/class/copy.js"
import qs from "qs"
export default {
export default {
name: "home",
props: {
isShow: {
@ -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()
@ -1075,7 +1111,7 @@
setTimeout(() => {
this.first = false
}, 600)
}).catch(() => {})
}).catch(() => { })
},
dunshift() {
if (this.marketList.filter((item) => item.collect).length) return
@ -1093,7 +1129,7 @@
this.collect = res.data || []
call && call()
})
.catch(() => {})
.catch(() => { })
},
// 是否为自选
isCoolect(i) {
@ -1127,7 +1163,7 @@
this.$toast(this.$t("base.c9"))
}
})
.catch(() => {})
.catch(() => { })
},
// 链接socket
indexMarketList() {
@ -1215,8 +1251,8 @@
// 创建充币地址
createWalletAddress() {
Wallet.createWalletAddress()
.then(() => {})
.catch(() => {})
.then(() => { })
.catch(() => { })
},
// 退出登录
loginOut() {
@ -1237,9 +1273,9 @@
.then(() => {
this.outLogin()
})
.catch(() => {})
.catch(() => { })
})
.catch(() => {})
.catch(() => { })
},
// 切换用户
outLogin() {
@ -1276,11 +1312,11 @@
})
},
sign_up() {
this.$router.push({path:'/pages/reg/index'})
this.$router.push({ path: '/pages/reg/index' })
},
login_in() {
this.$router.push({path:'/pages/login/index'})
this.$router.push({ path: '/pages/login/index' })
}
},
@ -1295,18 +1331,18 @@
this.getAuthInfo()
}
},
destroyed() {},
}
destroyed() { },
}
</script>
<style lang="scss" scoped>
// .colbg {
// background-color: $bg;
// }
* {
// .colbg {
// background-color: $bg;
// }
* {
box-sizing: border-box;
}
}
.nav_bar {
.nav_bar {
width: 100%;
height: 50px;
background-color: #000;
@ -1357,9 +1393,9 @@
}
}
}
}
.layout-main {
.layout-main {
background-color: #000;
width: 100%;
@ -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;
@ -1771,7 +1822,7 @@
.footer {
width: 100%;
border-top: 1px solid rgba(33,33,33,1);
border-top: 1px solid rgba(33, 33, 33, 1);
.footer-info-logo {
margin: 40px auto;
@ -1840,7 +1891,7 @@
color: #fff;
font-size: 14px;
background-color: #000;
border-top: 1px solid rgba(33,33,33,1);
border-top: 1px solid rgba(33, 33, 33, 1);
}
}
@ -1858,9 +1909,9 @@
margin-right: 14px;
background-color: rgba(50, 105, 235, 1);
}
}
}
.my-swipe {
.my-swipe {
height: 150px;
.van-image {
@ -1871,10 +1922,10 @@
border-radius: 9px !important;
}
}
}
}
// 轮播
.swiper-imgbox {
// 轮播
.swiper-imgbox {
width: 375px;
height: 450px;
@ -1882,20 +1933,20 @@
width: 100%;
height: 100%;
}
}
}
.notice-swipe {
.notice-swipe {
height: 24px;
}
}
// #ff4d5c
.nav2 {
// #ff4d5c
.nav2 {
.color-gray-6 {
color: #f8a12e;
}
}
}
.stock-swipe {
.stock-swipe {
.stock-index {
display: flex;
flex-direction: column;
@ -1906,9 +1957,9 @@
padding: 3px 0;
}
}
}
}
.personalCenter-main {
.personalCenter-main {
.personalCenter-top {
box-sizing: border-box;
@ -2025,26 +2076,26 @@
}
}
}
}
}
.user-icon {
.user-icon {
font-size: 50px;
}
}
.epss-1 {
.epss-1 {
overflow: hidden;
text-overflow: ellipsis;
}
}
.lists {
.lists {
display: flex;
.lists-1 {
margin: 0 5px;
}
}
}
.logout {
.logout {
width: 80%;
margin: 0 auto;
@ -2052,67 +2103,67 @@
border: none;
background-color: $panel-3;
}
}
}
.goLogin {
padding:5px 0;
.goLogin {
padding: 5px 0;
border: 1px solid $theme-1;
width:180px;
}
width: 180px;
}
.p-y-xxs {
.p-y-xxs {
padding: 3px 0;
}
}
.m-t-xxs {
.m-t-xxs {
margin-top: 5px;
}
}
.bg-box-per {
.bg-box-per {
box-shadow: 0 5px 10px #c6c0dc;
border-radius: 50%;
}
}
.bg-box-blue {
.bg-box-blue {
box-shadow: 0 5px 10px #aed6e2;
border-radius: 50%;
}
}
.bg-box-red {
.bg-box-red {
box-shadow: 0 5px 10px #d7aec0;
border-radius: 50%;
}
}
.bg-box-yellow {
.bg-box-yellow {
box-shadow: 0 5px 10px #e1d2a3;
border-radius: 50%;
}
}
.color-white {
.color-white {
color: white;
}
}
.bor5-active {
.bor5-active {
border-bottom: 5px solid $theme-2;
}
}
.w-40 {
.w-40 {
width: 40%;
}
}
::v-deep .van-tabs__line {
::v-deep .van-tabs__line {
display: none;
}
}
::v-deep .custom-class.van-sticky {
::v-deep .custom-class.van-sticky {
display: none;
}
}
.bor5 {
.bor5 {
position: relative;
}
}
.bor5:before {
.bor5:before {
position: absolute;
content: "";
bottom: -10px;
@ -2122,65 +2173,65 @@
border-radius: 10px;
background-color: $theme-2;
// border-bottom: 5px solid $border-color;
}
}
/deep/ .uni-swiper-dot {
/deep/ .uni-swiper-dot {
width: 15px !important;
height: 3px !important;
border-radius: 5px;
background: $light !important;
opacity: 0.2;
}
}
/deep/ .uni-swiper-dots {
/deep/ .uni-swiper-dots {
bottom: -12px !important;
}
}
/deep/ uni-swiper .uni-swiper-slides {
/deep/ uni-swiper .uni-swiper-slides {
overflow: hidden;
}
}
/deep/ uni-swiper .uni-swiper-wrapper {
/deep/ uni-swiper .uni-swiper-wrapper {
overflow: inherit;
}
}
/deep/ .uni-swiper-dot-active {
/deep/ .uni-swiper-dot-active {
background: #f0c947 !important;
width: 30px !important;
opacity: 1;
}
}
.charts-box {
.charts-box {
width: 100%;
height: 50px;
}
}
/* 请根据需求修改图表容器尺寸，如果父容器没有高度图表则会显示异常 */
.chartsview {
/* 请根据需求修改图表容器尺寸，如果父容器没有高度图表则会显示异常 */
.chartsview {
height: 100%;
}
}
.positions {
.positions {
position: relative;
}
}
.posi {
.posi {
position: absolute;
right: 0;
top: 6px;
}
}
.posil {
.posil {
position: absolute;
left: 0;
top: 0px;
}
}
.scale {
.scale {
transform: scale(0.8);
}
}
.fn-9 {
.fn-9 {
font-size: 9px;
}
}
</style>

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