@ -1,7 +1,7 @@
< template > < template >
< view class = "d-flex flex-col" > < view class = "d-flex flex-col" >
<!-- 头部 -- > <!-- 头部 -- >
< v -header class = "nav_bar m -y-xs" :left-text ="$t('base.a1')" :left-arrow ="false" :left-click ="personalCenter" > < v -header class = "nav_bar p -y-xs" :left-text ="$t('base.a1')" :left-arrow ="false" :left-click ="personalCenter" >
< template # left > < template # left >
<!-- < van -icon name = "user-circle-o" class = "fn-25 color-theme-1" / > -- > <!-- < van -icon name = "user-circle-o" class = "fn-25 color-theme-1" / > -- >
@ -52,7 +52,7 @@
< / template > < / template >
< / v - h e a d e r > < / v - h e a d e r >
< view class = "layout-main" > < view class = "layout-main" style = "padding-bottom: 30px !important;" >
<!-- < scroll -view <!-- < scroll -view
@ refresherrefresh = "onRefresh" @ refresherrefresh = "onRefresh"
: refresher - enabled = "refresherEnabled&&scrollTop<50" : refresher - enabled = "refresherEnabled&&scrollTop<50"
@ -76,36 +76,75 @@
< / s w i p e r - i t e m > < / s w i p e r - i t e m >
< / swiper > -- > < / swiper > -- >
<!-- 立即注册 -- > <!-- 立即注册 -- >
< div class = "swiper-imgbox" style = "text-align: center;" v-if ="!isLogin" > < div class = "swiper-imgbox" style = "text-align: center;background-color: #0d0e12; " v-if ="!isLogin" >
< img style = "display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem ;" < img style = "display: block;width: 195px;height: 177px;margin: 0 auto ;"
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;" >
{ { $t ( "shou.a4" ) } } { { $t ( "shou.a4" ) } }
< / div > < / div >
< div style = "margin: 0.4rem 0;color: gray;font-size: 15 px;" > < div style = "margin: 0.4rem 0;color: #c3c3c3;font-size: 14 px;" >
{ { $t ( "shou.a5" ) } } { { $t ( "shou.a5" ) } }
< / div > < / div >
< div @click ="sign_up()" < div @click ="sign_up()" class = "btn3" >
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 >
<!-- 立即充值 -- > <!-- 立即充值 -- >
< div class = "swiper-imgbox" style = "text-align: center;" v-if ="isLogin" > < div class = "swiper-imgbox" style = "text-align: center;background-color: #0d0e12; " v-if ="isLogin" >
< img style = "display: block;width: 60%;height: 14rem;margin: 0 auto;margin-top: 2rem ;" < img style = "display: block;width: 166px;height: 177px;margin: 0 auto ;"
src = "../../assets/img/bg/home_recharge.png" alt = "" / > src = "../../assets/img/bg/home_recharge.png" alt = "" / >
< div style = "color:#fff;font-size: 18px;margin-top: 1rem;" > < div style = "color:#fff;font-size: 18px;margin-top: 1rem;" >
{ { $t ( "shou.a0" ) } } { { $t ( "shou.a0" ) } }
< / div > < / div >
< div style = "margin: 0.4rem 0;color: gray;font-size: 15 px;" > < div style = "margin: 0.4rem 0;color: #c3c3c3;font-size: 14 px;" >
{ { $t ( "shou.a1" ) } } { { $t ( "shou.a1" ) } }
< / div > < / div >
< div @click ="toRecharge" < div @click ="toRecharge" class = "btn3" >
style = "color:#fff;width: 10rem;height: 2.5rem;background-color: #0B0FCC;line-height: 2.5rem;border-radius: 20px;margin: 0 auto;" >
{ { $t ( "shou.a3" ) } } { { $t ( "shou.a3" ) } }
< / div > < / div >
< / div > < / div >
<!-- 五百万 -- >
< div style = "font-size: 28px;font-weight: bold;padding: 0px 20px;color: #fff;margin-bottom: 30px;" > { { $t ( "shou.a42" ) } } < / div >
< div class = "scqs-list-bottom"
style = "display: flex;justify-content: space-around;margin-left: 1rem;flex-wrap: wrap;" >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a13" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a17" ) } }
< / div >
< div > < / div >
< / div >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a14" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a18" ) } }
< / div >
< div > < / div >
< / div >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a15" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a19" ) } }
< / div >
< div > < / div >
< / div >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a16" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a20" ) } }
< / div >
< div > < / div >
< / div >
< / div >
<!-- num count -- > <!-- num count -- >
< div class = "num-count" > < div class = "num-count" >
< div class = "num-top" > < div class = "num-top" >
@ -173,20 +212,19 @@
< / div > < / div >
< / div > -- > < / div > -- >
< / div > < / div >
< div > <!-- 公告轮播 -- >
<!-- < div >
< scroll -view scroll -x = " true " class = "scor-box" > < scroll -view scroll -x = " true " class = "scor-box" >
<!-- 公告轮播 -- >
< v -link class = "scor-item" v -for = " ( item , idx ) in notice " :key ="idx" < v -link class = "scor-item" v -for = " ( item , idx ) in notice " :key ="idx"
: to = "'/pages/help/detail?id='+item.id" > : to = "'/pages/help/detail?id='+item.id" >
<!-- < view class = "scor-item-title" > { { item . title } } < / view > -- > < view class = "scor-item-title" > { { item . title } } < / view >
< / v - l i n k > < / v - l i n k >
< / s c r o l l - v i e w > < / s c r o l l - v i e w >
< / div > < / div > -- >
<!-- 市场趋势 -- > <!-- 市场趋势 -- >
< div class = "scqs-list" style = "margin-top: 2rem;margin-left: 1rem ;" > < div class = "scqs-list" style = "width: 90vw;margin: 2rem auto 0px ;" >
< 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" ) } }
@ -218,46 +256,6 @@
< / div > < / div >
< div class = "scqs-list-bottom"
style = "display: flex;justify-content: space-around;margin-left: 1rem;flex-wrap: wrap;" >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a13" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a17" ) } }
< / div >
< div > < / div >
< / div >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a14" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a18" ) } }
< / div >
< div > < / div >
< / div >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a15" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a19" ) } }
< / div >
< div > < / div >
< / div >
< div class = "scqs-list-bottom-box" >
< div class = "scqs-list-bottom-box-t" >
{ { $t ( "shou.a16" ) } }
< / div >
< div class = "scqs-list-bottom-box-b" >
{ { $t ( "shou.a20" ) } }
< / div >
< div > < / div >
< / div >
< / div >
<!-- 多终端支持 -- > <!-- 多终端支持 -- >
< div class = "dzdzc-img" > < div class = "dzdzc-img" >
@ -270,6 +268,7 @@
< / div > < / div >
< / div > < / div >
< img class = "middle-img" src = "../../assets/img/bg/app.png" alt = "" >
< div class = "dzdzc-img-bottom" > < div class = "dzdzc-img-bottom" >
< div class = "dzdzc-img-bottom-title" > < div class = "dzdzc-img-bottom-title" >
{ { $t ( "shou.a23" ) } } { { $t ( "shou.a23" ) } }
@ -290,7 +289,7 @@
< / div > < / div >
<!-- 在NVRcoin ， 交易安全稳定 -- > <!-- 为何选择xuscoin . com ？ -- >
< 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" >
@ -302,7 +301,7 @@
< / div > < / div >
< div class = "dzdzc-bottom-lists" > < div class = "dzdzc-bottom-lists dzdzc-bottom-lists1 " >
< div class = "dzdzc-bottom-lists-text" > < div class = "dzdzc-bottom-lists-text" >
< div class = "dzdzc-bottom-lists-text-title" > < div class = "dzdzc-bottom-lists-text-title" >
{ { $t ( "shou.a30" ) } } { { $t ( "shou.a30" ) } }
@ -388,9 +387,18 @@
< div class = "ljzqsy-box" > < div class = "ljzqsy-box" >
< div class = "ljzqsy-box-content" > < div class = "ljzqsy-box-content" >
< div class = "ljzqsy-box-content-title" > < div class = "d-flex justify-center" >
{ { $t ( "shou.a40" ) } } < img src = "../../assets/img/bg/coin_1.png" alt = "" style = "width: 63px;height: 63px;margin-right: 10px;" >
< div style = "text-align: left;width: 60%;word-break: break-all;" >
< div class = "ljzqsy-box-content-title" >
{ { $t ( "shou.a43" ) } }
< / div >
< div style = "font-size: 18px;color: #a1a1a1;margin-top: 5px;" >
{ { $t ( "shou.a40" ) } }
< / div >
< / div >
< / div > < / div >
< div @click ="login_in()" class = "ljzqsy-box-content-btn" v-if ="!isLogin" > < div @click ="login_in()" class = "ljzqsy-box-content-btn" v-if ="!isLogin" >
{ { $t ( "shou.a41" ) } } { { $t ( "shou.a41" ) } }
< / div > < / div >
@ -1558,14 +1566,14 @@ export default {
} }
. layout - main { . layout - main {
background - color : # 000 ; background - color : # 121318 ;
width : 100 % ; width : 100 % ;
. swiper - imgbox { . swiper - imgbox {
width : 100 % ; / / w i d t h : 1 0 0 % ;
height : 350 px / / h e i g h t : 3 5 0 p x ;
/* 450px -> 60vw */ /* 450px -> 60vw */
;
img { img {
width : 100 % ; width : 100 % ;
@ -1636,7 +1644,7 @@ export default {
color : # CF6A57 ! important ; color : # CF6A57 ! important ;
} }
. scqs - list - bottom - box { . scqs - list - bottom - box {
width : 40 % ; width : 45 % ;
margin - top : 1 rem ; margin - top : 1 rem ;
. scqs - list - bottom - box - t { . scqs - list - bottom - box - t {
@ -1654,11 +1662,12 @@ export default {
. dzdzc - img { . dzdzc - img {
margin - top : 40 px ; margin - top : 40 px ;
width : 100 % ; width : 100 % ;
height : 1370 upx ; height : 577 px ;
background - image : url ( '../../assets/img/bg/app.png' ) ; / / b a c k g r o u n d - i m a g e : u r l ( ' . . / . . / a s s e t s / i m g / b g / a p p . p n g ' ) ;
background - size : 100 % 100 % ; / / b a c k g r o u n d - s i z e : 1 0 0 % 1 0 0 % ;
background - position : 100 % 100 % ; / / b a c k g r o u n d - p o s i t i o n : 1 0 0 % 1 0 0 % ;
background - repeat : no - repeat ; / / b a c k g r o u n d - r e p e a t : n o - r e p e a t ;
background - color : # 0B0 FCC ;
display : flex ; display : flex ;
flex - direction : column ; flex - direction : column ;
justify - content : space - between ; justify - content : space - between ;
@ -1678,7 +1687,11 @@ export default {
} }
} }
. middle - img {
width : 375 px ;
height : 310 px ;
margin : 0 px auto ;
}
. dzdzc - img - bottom { . dzdzc - img - bottom {
width : 100 % ; width : 100 % ;
padding : 0.5 rem 1 rem 1 rem ; padding : 0.5 rem 1 rem 1 rem ;
@ -1733,66 +1746,44 @@ export default {
} }
. dzdzc - bottom - lists { . dzdzc - bottom - lists {
width : 100 % ; width : 100 % ;
min - height : 17 0 px ; min - height : 13 0 px ;
margin - top : 1 rem ; margin - top : 1 rem ;
background - image : url ( '../../assets/img/bg/1.png' ) ;
background - size : 100 % 100 % ;
background - repeat : no - repeat ;
display : flex ; display : flex ;
align - items : center ; align - items : center ;
img . rightImg {
width : 260 upx ;
height : 170 upx ;
}
. dzdzc - bottom - lists - text { . dzdzc - bottom - lists - text {
width : 66 % ; width : 66 % ;
padding : 0.9 rem 0 px ; padding : 0.9 rem 0 px ;
margin - left : 1 rem ;
. dzdzc - bottom - lists - text - title { . dzdzc - bottom - lists - text - title {
font - size : 18 px ; font - size : 18 px ;
color : # fff ; color : # fff ;
} }
. dzdzc - bottom - lists - text - t { . dzdzc - bottom - lists - text - t {
font - size : 12 px ; font - size : 12 px ;
color : gray ; color : gray ;
margin - top : 0.5 rem ; margin - top : 0.5 rem ;
} }
} }
} }
. dzdzc - bottom - lists1 {
/ / b a c k g r o u n d - i m a g e : u r l ( ' . . / . . / a s s e t s / i m g / b g / 1 . p n g ' ) ;
/ / b a c k g r o u n d - s i z e : 1 0 0 % 1 0 0 % ;
/ / b a c k g r o u n d - r e p e a t : n o - r e p e a t ;
img . rightImg {
width : 260 upx ;
height : 170 upx ;
}
}
. dzdzc - bottom - lists2 { . dzdzc - bottom - lists2 {
width : 100 % ; / / b a c k g r o u n d - i m a g e : u r l ( ' . . / . . / a s s e t s / i m g / b g / 2 . p n g ' ) ;
min - height : 170 px ; / / b a c k g r o u n d - s i z e : 1 0 0 % 1 0 0 % ;
margin - top : 1 rem ; / / b a c k g r o u n d - r e p e a t : n o - r e p e a t ;
background - image : url ( '../../assets/img/bg/2.png' ) ;
background - size : 100 % 100 % ;
background - repeat : no - repeat ;
. dzdzc - bottom - lists - text { . dzdzc - bottom - lists - text {
width : 78 % ; width : 78 % ;
padding : 0.9 rem 0 px ;
margin - left : 1 rem ;
. dzdzc - bottom - lists - text - title {
font - size : 18 px ;
color : # fff ;
}
. dzdzc - bottom - lists - text - t {
font - size : 12 px ;
color : gray ;
margin - top : 0.5 rem ;
}
} }
img . rightImg { img . rightImg {
width : 250 upx ; width : 250 upx ;
@ -1801,12 +1792,12 @@ export default {
} }
. dzdzc - bottom - lists3 { . dzdzc - bottom - lists3 {
width : 100 % ; / / b a c k g r o u n d - i m a g e : u r l ( ' . . / . . / a s s e t s / i m g / b g / 3 . p n g ' ) ;
min - height : 170 px ; / / b a c k g r o u n d - s i z e : 1 0 0 % 1 0 0 % ;
margin - top : 1 rem ; / / b a c k g r o u n d - r e p e a t : n o - r e p e a t ;
background - image : url ( '../../assets/img/bg/3.png' ) ; . dzdzc - bottom - lists - text {
background - size : 100 % 10 0% ; width : 7 0 % ;
background - repeat : no - repeat ; }
img . rightImg { img . rightImg {
width : 180 upx ; width : 180 upx ;
height : 180 upx ; height : 180 upx ;
@ -1814,12 +1805,9 @@ export default {
} }
. dzdzc - bottom - lists4 { . dzdzc - bottom - lists4 {
width : 100 % ; / / b a c k g r o u n d - i m a g e : u r l ( ' . . / . . / a s s e t s / i m g / b g / 2 . p n g ' ) ;
min - height : 170 px ; / / b a c k g r o u n d - s i z e : 1 0 0 % 1 0 0 % ;
margin - top : 1 rem ; / / b a c k g r o u n d - r e p e a t : n o - r e p e a t ;
background - image : url ( '../../assets/img/bg/2.png' ) ;
background - size : 100 % 100 % ;
background - repeat : no - repeat ;
img . rightImg { img . rightImg {
width : 220 upx ; width : 220 upx ;
height : 220 upx ; height : 220 upx ;
@ -1856,23 +1844,29 @@ export default {
} }
. ljzqsy - box { . ljzqsy - box {
width : 350 px ; margin : 0 px auto ;
padding : 35 px 0 px ;
text - align : center ; text - align : center ;
background - color : # 242424 ;
border - radius : 10 px ;
. ljzqsy - box - content { . ljzqsy - box - content {
. ljzqsy - box - content - title { . ljzqsy - box - content - title {
font - size : 26 px ; font - size : 28 px ;
font - weight : bold ;
color : # fff ; color : # fff ;
} }
. ljzqsy - box - content - btn { . ljzqsy - box - content - btn {
width : 7 rem ; display : inline - block ;
min - width : 7 rem ;
height : 3 rem ; height : 3 rem ;
line - height : 3 rem ; line - height : 3 rem ;
padding : 0 px 10 px ;
background - color : # 0B0 FCC ; background - color : # 0B0 FCC ;
margin : 0 auto ; margin : 0 auto ;
margin - top : 1 rem ; margin - top : 1 rem ;
margin - bottom : 2 rem ;
border - radius : 8 px ; border - radius : 8 px ;
color : # fff ; color : # fff ;
/ / t e x t - a l i g n : c e n t e r ; / / t e x t - a l i g n : c e n t e r ;
@ -2212,7 +2206,17 @@ export default {
} }
} }
} }
. btn3 {
display : inline - block ;
min - width : 10 rem ;
height : 2.5 rem ;
line - height : 2.5 rem ;
padding : 0 px 10 px ;
margin - top : 1 rem ;
border - radius : 20 px ;
color : # fff ;
background - color : # 0B0 FCC ;
}
/ / 公 告 轮 播 / / 公 告 轮 播
. scor - box { . scor - box {
width : 100 vw ; width : 100 vw ;
@ -2253,7 +2257,9 @@ export default {
/ / 轮 播 / / 轮 播
. swiper - imgbox { . swiper - imgbox {
width : 375 px ; width : 375 px ;
height : 450 px ; height : auto ;
padding : 2 rem 25 px ;
margin : 0 auto 2 rem ;
img { img {
width : 100 % ; width : 100 % ;
