|
|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<view class="d-flex flex-col" style="background-color: #000;"> |
|
|
|
<view class="d-flex flex-col" style="background-color: #121318;"> |
|
|
|
<!-- 头部 --> |
|
|
|
<v-header class="nav-tab" :left-arrow="false" style="background-color: #141414;" :left-click="personalCenter"> |
|
|
|
<template #left> |
|
|
|
@ -104,217 +104,473 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 加密货币之门 --> |
|
|
|
<view class="illustration_area" > |
|
|
|
<view class="text-img"> |
|
|
|
<view class="text-img1"> |
|
|
|
<image src="@/assets/img/home/home1.png" mode="widthFix" style="width: 281px;"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="title">{{$t("homeNewText.bb4")}}</view> |
|
|
|
<view class="title_box">{{$t("homeNewText.bb5")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn_one" @click="goReg"> |
|
|
|
{{ $t("homeNewText.bb6") }} |
|
|
|
<view class="illustration_area"> |
|
|
|
<view style="text-align: center;padding-top: 80rpx;"> |
|
|
|
<image src="@/assets/img/home/img0.png" mode="widthFix" class="image_img"></image> |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn" @click="goExchange"> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
<view class="image_title"> |
|
|
|
<view class="title" style="word-spacing: 0px;"> |
|
|
|
{{ $t("homeNewText.hh0") }} |
|
|
|
</view> |
|
|
|
<view class="image_text">{{ $t("homeNewText.hh34") }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="" style=""> |
|
|
|
<view class="index_partners__3BIDL" style="background-color: #0F4DF5;color: #fff;"> |
|
|
|
<view class="rfm-marquee-container"> |
|
|
|
<view class="rfm-marquee"> |
|
|
|
<view class="rfm-initial-child-container"> |
|
|
|
<view class="rfm-child d-flex" v-for="(parentItem,index) in marketList" v-if="index==1" :key="parentItem.coin_name"> |
|
|
|
<!-- <view style="width: 1400rpx;margin-right: 100rpx;" v-for="(item,iindex) ssssin parentItem.collect? collect : parentItem.marketInfoList" :key="iindex"> --> |
|
|
|
<view style="width: 400rpx;" v-for="(item,iindex) in parentItem.collect? collect : parentItem.marketInfoList" :key="iindex"> |
|
|
|
<div class="price-info d-flex"> |
|
|
|
<div class="symbol" style="margin-right: 10rpx">{{ item.pair_name }}</div> |
|
|
|
<div class="d-flex"> |
|
|
|
<span :class="item.increase >= 0 ? 'increace' : 'decreace'"> |
|
|
|
({{ item.increaseStr }}) |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<!-- <view>New users will be given $100 for registration. For details, please contact customer service WhatsApp</view> --> |
|
|
|
</div> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="d-flex"> |
|
|
|
<view v-if="!isLogin" class="jump_btn_one" @click="goReg"> |
|
|
|
{{ $t("homeNewText.hh35") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn" @click="goMine"> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 市场趋势 --> |
|
|
|
<view style="margin-top: 180rpx;"> |
|
|
|
<view class="currency">{{$t("homeNewText.bb7")}}</view> |
|
|
|
<view class="currency" style="margin: 40rpx 40rpx 100rpx 40rpx;font-size: 28rpx;">{{$t("homeNewText.bb8")}}</view> |
|
|
|
<view v-for="parentItem in marketList" :key="parentItem.coin_name" v-if="parentItem.coin_name=='USDT'"> |
|
|
|
<view style="margin-top: 40rpx;"> |
|
|
|
<view style="font-size: 60rpx;color: #fff;padding: 0px 40rpx;font-weight: bold;"> |
|
|
|
{{ $t("homeNewText.hh1") }} |
|
|
|
</view> |
|
|
|
<view style="padding: 0px 20px;margin-top: 10px;margin-bottom: 30px;">{{ $t("homeNewText.hh2") }} |
|
|
|
</view> |
|
|
|
<view v-for="parentItem in marketList" :key="parentItem.coin_name" |
|
|
|
v-if="parentItem.coin_name=='USDT'"> |
|
|
|
<view class="w-12/12 m-t-xs"> |
|
|
|
<view class="fn-center w-max"> |
|
|
|
<view class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs"> |
|
|
|
<view |
|
|
|
class="m-b-md m-x-md rounded-xs link-active d-flex justify-between align-center p-y-xs box-size p-x-xs"> |
|
|
|
<view class="fn-left w-5/12">{{ $t("homeNewText.aa7") }}</view> |
|
|
|
<view class="fn-right w-4/12">{{ $t("homeNewText.bb1") }}</view> |
|
|
|
<view class="fn-right w-3/12 positions">{{ $t("homeNewText.bb2") }}</view> |
|
|
|
</view> |
|
|
|
<v-link :to="{path: '/pages/exchange/index',query: { code: item.pair_name },}" |
|
|
|
class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs" |
|
|
|
v-for="item in parentItem.collect ? collect.slice(0,5) : parentItem.marketInfoList.slice(0,5)" :key="item.pair_name"> |
|
|
|
<v-link :to="{path: '/pages/exchange/index',query: { code: item.pair_name },}" |
|
|
|
class="m-b-md m-x-md rounded-xs link-active d-flex justify-between align-center p-y-xs box-size p-x-xs" |
|
|
|
v-for="item in parentItem.collect ? collect.slice(0,5) : parentItem.marketInfoList.slice(0,5)" |
|
|
|
:key="item.pair_name"> |
|
|
|
<view class="fn-left w-5/12"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<image :src="item.coin_icon" mode="" style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image> |
|
|
|
<text class="fn-bold fn-14 color-light col-fff">{{ item.coin_name }}</text> |
|
|
|
<image :src="item.coin_icon" mode="" |
|
|
|
style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image> |
|
|
|
<text class="fn-bold fn-14 color-light" |
|
|
|
style="color: #fff;">{{ item.coin_name }}</text> |
|
|
|
<!-- <text class="fn-bold fn-14 color-light">{{ item.pair_name }}</text> --> |
|
|
|
</view> |
|
|
|
<view class="d-flex align-center fn-12 m-t-xs" v-if="0"> |
|
|
|
24H{{ $t("first.b3") }} {{ omitTo(item.vol, 0) }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fn-right w-4/12 color-light usd-close">{{ item.close }}</view> |
|
|
|
<view class="fn-right w-4/12 color-light usd-close"> |
|
|
|
{{ item.close }} |
|
|
|
</view> |
|
|
|
<view class="fn-right w-3/12"> |
|
|
|
<span class="fn-bold rounded-xs fn-16" :class="item.increase * 1 > 0 ? 'color-buys1' : 'color-red1'"> |
|
|
|
{{ item.increaseStr }} |
|
|
|
</span> |
|
|
|
<span class="fn-bold rounded-xs fn-16" |
|
|
|
:class="item.increase * 1 > 0 ? 'buys' : 'red'">{{ item.increaseStr }}</span> |
|
|
|
<!-- <view class="charts-box m-t-xs"> |
|
|
|
<qiun-data-charts |
|
|
|
type="tarea" |
|
|
|
:chartData="item.kline" |
|
|
|
background="none" |
|
|
|
:tapLegend="false" |
|
|
|
:range="item.increase*1>0?true:false" |
|
|
|
/> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 新手引导 --> |
|
|
|
<view class="currency" style="margin-top: 200rpx;"> |
|
|
|
{{$t("homeNewText.bb9")}} |
|
|
|
<view style="margin-top: 200rpx;"> |
|
|
|
<view class="text_hh3">{{ $t("homeNewText.hh3") }}</view> |
|
|
|
<view class="text_hh4">{{ $t("homeNewText.hh4") }}</view> |
|
|
|
<view style="text-align: center;"><image src="@/assets/img/home/img2.png" style="width: 352rpx;height: 446rpx;"></image></view> |
|
|
|
<view style="padding: 0px 40rpx;"> |
|
|
|
<view class="quickopening_box"> |
|
|
|
<view style="font-size: 40rpx;width: 100%;margin-top: 58rpx;" v-if="!isLogin">{{ $t("homeNewText.hh5",{name:"Mrbcoin"}) }}</view> |
|
|
|
<view style="font-size: 72rpx;width: 100%;margin-top: 58rpx;" v-else>{{ $t("homeNewText.aa4") }}</view> |
|
|
|
<view v-if="!isLogin" class="quickopening_register" style="margin-top: 38rpx;margin-bottom: 58rpx;" @click="goReg"> |
|
|
|
{{ $t("homeNewText.hh6") }} <img src="@/assets/img/home/right-line.png" style="vertical-align: middle;" width="24" height="24"> |
|
|
|
</view> |
|
|
|
<view v-else class="quickopening_register" style="margin-top: 38rpx;margin-bottom: 58rpx;" @click="goMine"> |
|
|
|
{{ $t("shou.a41") }} <img src="@/assets/img/home/right-line.png" style="vertical-align: middle;" width="24" height="24"> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="currency" style="margin: 40rpx 40rpx 100rpx 40rpx;font-size: 28rpx;">{{$t("homeNewText.bb10")}}</view> |
|
|
|
<view class="reserve-box"> |
|
|
|
<view> |
|
|
|
<view class="guide_box1"><image src="@/assets/img/home/home2.png" mode="widthFix" style="width: 100%;"></image></view> |
|
|
|
<view class="guide_box2">{{$t("homeNewText.bb11",{name:'Mrbcoin'})}}</view> |
|
|
|
<view class="guide_box3">{{$t("homeNewText.bb12")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn1" @click="goReg" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb6") }} |
|
|
|
|
|
|
|
<!-- 了解我们的产品 --> |
|
|
|
<view style="background-color: #121318;padding: 200rpx 0px;"> |
|
|
|
<view class="text_hh3">{{ $t("homeNewText.hh7") }}</view> |
|
|
|
<view class="text_hh4">{{ $t("homeNewText.hh8") }}</view> |
|
|
|
<view style="display: flex;flex-wrap: wrap;justify-content: center;"> |
|
|
|
<view class="product"> |
|
|
|
<view> |
|
|
|
<view class="product_text1">{{ $t("homeNewText.hh9") }}</view> |
|
|
|
<view class="product_text2">{{ $t("homeNewText.hh10") }}</view> |
|
|
|
</view> |
|
|
|
<view class="product_text3"><image src="@/assets/img/home/img3.png" mode="" style="width: 200rpx;height: 150rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn1" @click="goMine" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb6") }} |
|
|
|
<view class="product"> |
|
|
|
<view> |
|
|
|
<view class="product_text1">{{ $t("homeNewText.hh15") }}</view> |
|
|
|
<view class="product_text2">{{ $t("homeNewText.hh16") }}</view> |
|
|
|
</view> |
|
|
|
<view class="product_text3"><image src="@/assets/img/home/img4.png" mode="" style="width: 200rpx;height: 150rpx;"></image></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="guide_box1"><image src="@/assets/img/home/home3.png" mode="widthFix" style="width: 100%;"></image></view> |
|
|
|
<view class="guide_box2">{{$t("homeNewText.bb13")}}</view> |
|
|
|
<view class="guide_box3">{{$t("homeNewText.bb14")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn1" @click="goReg" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb15") }} |
|
|
|
<view class="product"> |
|
|
|
<view> |
|
|
|
<view class="product_text1">{{ $t("homeNewText.hh11") }}</view> |
|
|
|
<view class="product_text2">{{ $t("homeNewText.hh12") }}</view> |
|
|
|
</view> |
|
|
|
<view class="product_text3"><image src="@/assets/img/home/img5.png" mode="" style="width: 200rpx;height: 150rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn1" @click="goMine" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb15") }} |
|
|
|
<view class="product"> |
|
|
|
<view> |
|
|
|
<view class="product_text1">{{ $t("homeNewText.hh17",{name:'Mrbcoin'}) }}</view> |
|
|
|
<view class="product_text2">{{ $t("homeNewText.hh18") }}</view> |
|
|
|
</view> |
|
|
|
<view class="product_text3"><image src="@/assets/img/home/img6.png" mode="" style="width: 200rpx;height: 150rpx;"></image></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="guide_box1"><image src="@/assets/img/home/home4.png" mode="widthFix" style="width: 100%;"></image></view> |
|
|
|
<view class="guide_box2">{{$t("homeNewText.bb16")}}</view> |
|
|
|
<view class="guide_box3">{{$t("homeNewText.bb17")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn1" @click="goReg" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb18") }} |
|
|
|
<view class="product"> |
|
|
|
<view> |
|
|
|
<view class="product_text1">{{ $t("homeNewText.hh13") }}</view> |
|
|
|
<view class="product_text2">{{ $t("homeNewText.hh14") }}</view> |
|
|
|
</view> |
|
|
|
<view class="product_text3"><image src="@/assets/img/home/img7.png" mode="" style="width: 200rpx;height: 150rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn1" @click="goMine" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb18") }} |
|
|
|
<view class="product" style="margin-bottom: 0px;"> |
|
|
|
<view> |
|
|
|
<view class="product_text1">{{ $t("homeNewText.hh19") }}</view> |
|
|
|
<view class="product_text2">{{ $t("homeNewText.hh20") }}</view> |
|
|
|
</view> |
|
|
|
<view class="product_text3"><image src="@/assets/img/home/img8.png" mode="" style="width: 200rpx;height: 150rpx;"></image></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 开启你的数字货币之旅 --> |
|
|
|
<view class="currency" style="margin-top: 200rpx;">{{$t("homeNewText.bb19")}}</view> |
|
|
|
<view class="reserve-box"> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="margin-top: 100rpx;"> |
|
|
|
<image src="@/assets/img/home/home5.png" mode="widthFix" style="width: 440rpx;"></image> |
|
|
|
<!-- 为什么选择 --> |
|
|
|
<view> |
|
|
|
<view style="font-size: 60rpx;color: #fff;padding: 0px 40rpx;font-weight: bold;">{{ $t("homeNewText.hh21") }}</view> |
|
|
|
<view style="padding: 0px 20px;"> |
|
|
|
<view class="d-flex" style="margin-top: 50px;align-items: center;"> |
|
|
|
<view style="text-align: center;padding: 20px;"> |
|
|
|
<img src="@/assets/img/home/img9.png" style="width:120rpx;height: 120rpx;"> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="d-flex" style="align-items: center;"> |
|
|
|
<view class="text_size">{{ $t("homeNewText.hh22") }}</view> |
|
|
|
</view> |
|
|
|
<view class="text_width">{{ $t("homeNewText.hh23") }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="d-flex" style="margin-top: 50px;align-items: center;"> |
|
|
|
<view style="text-align: center;padding: 20px;"> |
|
|
|
<img src="@/assets/img/home/img10.png" style="width:120rpx;height: 120rpx;"> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="d-flex" style="align-items: center;"> |
|
|
|
<view class="text_size">{{ $t("homeNewText.hh24") }}</view> |
|
|
|
</view> |
|
|
|
<view class="text_width">{{ $t("homeNewText.hh25") }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="d-flex" style="margin-top: 50px;align-items: center;"> |
|
|
|
<view style="text-align: center;padding: 20px;"> |
|
|
|
<img src="@/assets/img/home/img11.png" style="width:120rpx;height: 120rpx;"> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="d-flex" style="align-items: center;"> |
|
|
|
<view class="text_size">{{ $t("homeNewText.hh26") }}</view> |
|
|
|
</view> |
|
|
|
<view class="text_width">{{ $t("homeNewText.hh27") }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="d-flex" style="margin-top: 50px;align-items: center;"> |
|
|
|
<view style="text-align: center;padding: 20px;"> |
|
|
|
<img src="@/assets/img/home/img12.png" style="width:120rpx;height: 120rpx;"> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<view class="d-flex" style="align-items: center;"> |
|
|
|
<view class="text_size">{{ $t("homeNewText.hh28") }}</view> |
|
|
|
</view> |
|
|
|
<view class="text_width">{{ $t("homeNewText.hh29",{name:"Mrbcoin"}) }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="currency_box1">{{$t("homeNewText.bb20")}}</view> |
|
|
|
<view class="currency_box2">{{$t("homeNewText.bb21")}}</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="margin-top: 100rpx;"> |
|
|
|
<image src="@/assets/img/home/home6.png" mode="widthFix" style="width: 440rpx;"></image> |
|
|
|
</view> |
|
|
|
<view class="box_APP"> |
|
|
|
<view class="box_hh30">{{ $t("homeNewText.hh30") }}</view> |
|
|
|
<view class="box_hh31">{{ $t("homeNewText.hh31") }}</view> |
|
|
|
<a href="https://app.mrbwallets.com/download/Mrbcoin.html" style="text-decoration: none;"> |
|
|
|
<view class="box_Stoer"> |
|
|
|
<image src="@/assets/img/home/antFill-apple@2x.png" style="width: 48rpx;height: 48rpx;vertical-align: middle;"></image> |
|
|
|
<span>APP Stoer</span> |
|
|
|
</view> |
|
|
|
<view class="currency_box1">{{$t("homeNewText.bb22")}}</view> |
|
|
|
<view class="currency_box2">{{$t("homeNewText.bb23")}}</view> |
|
|
|
</a> |
|
|
|
<a href="https://app.mrbwallets.com/download/Mrbcoin.html" style="text-decoration: none;"> |
|
|
|
<view class="box_Stoer"> |
|
|
|
<image src="@/assets/img/home/md-android@2x.png" style="width: 48rpx;height: 48rpx;vertical-align: middle;"></image> |
|
|
|
<span>Android APK</span> |
|
|
|
</view> |
|
|
|
</a> |
|
|
|
</view> |
|
|
|
<view style="margin-bottom: 200rpx;"><image src="@/assets/img/home/img13.png" mode="" style="width: 710rpx;height: 622rpx;"></image></view> |
|
|
|
<view style="padding-top: 200rpx;padding: 0px 20rpx;"> |
|
|
|
<view style="font-size: 50rpx;color: #fff;text-align: center;font-weight: bold;"> |
|
|
|
{{ $t("homeNewText.hh36",{name:'Mrbcoin'}) }} |
|
|
|
</view> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="margin-top: 100rpx;"> |
|
|
|
<image src="@/assets/img/home/home7.png" mode="widthFix" style="width: 440rpx;"></image> |
|
|
|
<view style="margin-bottom: 40rpx;"> |
|
|
|
<view> |
|
|
|
<view class="Serve_bot_box1"> |
|
|
|
<view style="font-size: 28px;font-weight: 700;">{{$t("homeNewText.hh37")}}</view> |
|
|
|
<view style="color: #707a8a;font-size: 16px;margin-bottom: 100rpx;">{{ $t("homeNewText.hh38",{name:'Mrbcoin'}) }}</view> |
|
|
|
</view> |
|
|
|
<view class="Serve_bot_box2"> |
|
|
|
<view class="Serve_bot_box2_text">{{$t("homeNewText.hh39")}}</view> |
|
|
|
<view style="color: #707a8a;"> |
|
|
|
<view class="Serve_bot_box2_text1"> |
|
|
|
{{ $t("homeNewText.hh40",{name:'Mrbcoin'}) }} |
|
|
|
</view> |
|
|
|
<view style="margin: 20px 0 20px;">{{$t("homeNewText.hh41")}}</view> |
|
|
|
<view style="margin-bottom: 40px;"> |
|
|
|
<img src="@/assets/img/home/img14.svg" class="Serve_bot_box2_img" /> |
|
|
|
<img src="@/assets/img/home/img15.svg" class="Serve_bot_box2_img" /> |
|
|
|
<img src="@/assets/img/home/img16.svg" class="Serve_bot_box2_img" /> |
|
|
|
<img src="@/assets/img/home/img17.svg" class="Serve_bot_box2_img" /> |
|
|
|
<img src="@/assets/img/home/img14.svg" class="Serve_bot_box2_img" /> |
|
|
|
<img src="@/assets/img/home/img18.svg" class="Serve_bot_box2_img" /> |
|
|
|
<img src="@/assets/img/home/img14.svg" class="Serve_bot_box2_img" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="currency_box1">{{$t("homeNewText.bb24")}}</view> |
|
|
|
<view class="currency_box2">{{$t("homeNewText.bb25")}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 探索无限可能 --> |
|
|
|
<view class="currency" style="margin-top: 200rpx;">{{$t("homeNewText.bb26")}}</view> |
|
|
|
<view class="reserve-box"> |
|
|
|
<view class="Infinite_box"> |
|
|
|
<view class="Infinite_box1"> |
|
|
|
<view class="Infinite_box2">{{$t("homeNewText.bb27")}}</view> |
|
|
|
<view class="Infinite_box3">{{$t("homeNewText.bb28")}}</view> |
|
|
|
<view class="box_width"> |
|
|
|
<view style="padding: 0px 18px;"> |
|
|
|
<view style="font-size: 56rpx;color: #fff;font-weight: bold;">{{ $t("homeNewText.hh32") }}</view> |
|
|
|
<view class="d-flex"> |
|
|
|
<view v-if="!isLogin" class="jump_btn_one1" @click="goReg" style="margin-top: 60rpx;"> |
|
|
|
{{ $t("homeNewText.hh33") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn_one1" @click="goMine" style="margin-top: 60rpx;"> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view><image src="@/assets/img/home/home8.png" mode="widthFix" style="width: 670rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view class="Infinite_box"> |
|
|
|
<view class="Infinite_box1"> |
|
|
|
<view class="Infinite_box2">{{$t("homeNewText.bb29")}}</view> |
|
|
|
<view class="Infinite_box3">{{$t("homeNewText.bb30")}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<div v-if="0"> |
|
|
|
<!-- 加密货币之门 --> |
|
|
|
<view class="illustration_area" > |
|
|
|
<view class="text-img"> |
|
|
|
<view class="text-img1"> |
|
|
|
<image src="@/assets/img/home/home1.png" mode="widthFix" style="width: 281px;"></image> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="title">{{$t("homeNewText.bb4")}}</view> |
|
|
|
<view class="title_box">{{$t("homeNewText.bb5")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn_one" @click="goReg"> |
|
|
|
{{ $t("homeNewText.bb6") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn" @click="goExchange"> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
</view> |
|
|
|
<view><image src="@/assets/img/home/home9.png" mode="widthFix" style="width: 670rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view class="Infinite_box"> |
|
|
|
<view class="Infinite_box1"> |
|
|
|
<view class="Infinite_box2">{{$t("homeNewText.bb31")}}</view> |
|
|
|
<view class="Infinite_box3">{{$t("homeNewText.bb32")}}</view> |
|
|
|
|
|
|
|
<view class="" style=""> |
|
|
|
<view class="index_partners__3BIDL" style="background-color: #0F4DF5;color: #fff;"> |
|
|
|
<view class="rfm-marquee-container"> |
|
|
|
<view class="rfm-marquee"> |
|
|
|
<view class="rfm-initial-child-container"> |
|
|
|
<view class="rfm-child d-flex" v-for="(parentItem,index) in marketList" v-if="index==1" :key="parentItem.coin_name"> |
|
|
|
<!-- <view style="width: 1400rpx;margin-right: 100rpx;" v-for="(item,iindex) ssssin parentItem.collect? collect : parentItem.marketInfoList" :key="iindex"> --> |
|
|
|
<view style="width: 400rpx;" v-for="(item,iindex) in parentItem.collect? collect : parentItem.marketInfoList" :key="iindex"> |
|
|
|
<div class="price-info d-flex"> |
|
|
|
<div class="symbol" style="margin-right: 10rpx">{{ item.pair_name }}</div> |
|
|
|
<div class="d-flex"> |
|
|
|
<span :class="item.increase >= 0 ? 'increace' : 'decreace'"> |
|
|
|
({{ item.increaseStr }}) |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
<!-- <view>New users will be given $100 for registration. For details, please contact customer service WhatsApp</view> --> |
|
|
|
</div> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view><image src="@/assets/img/home/home10.png" mode="widthFix" style="width: 670rpx;"></image></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 轻松玩赚数字货币. --> |
|
|
|
<view class="currency" style="margin-top: 100rpx;">{{$t("homeNewText.bb33")}}</view> |
|
|
|
<view class="currency" style="margin: 20rpx 40rpx 0rpx;text-align: left;font-size: 28rpx;">{{$t("homeNewText.bb34",{name:'Mrbcoin'})}}</view> |
|
|
|
<view style="padding: 0px 40rpx;"> |
|
|
|
<view class="positionBox_box2"> |
|
|
|
<view class="positionBox_box3"> |
|
|
|
<img src="@/assets/img/home/home11.png" alt="" style="width: 670rpx;height: 514rpx;" /> |
|
|
|
|
|
|
|
<!-- 市场趋势 --> |
|
|
|
<view style="margin-top: 180rpx;"> |
|
|
|
<view class="currency">{{$t("homeNewText.bb7")}}</view> |
|
|
|
<view class="currency" style="margin: 40rpx 40rpx 100rpx 40rpx;font-size: 28rpx;">{{$t("homeNewText.bb8")}}</view> |
|
|
|
<view v-for="parentItem in marketList" :key="parentItem.coin_name" v-if="parentItem.coin_name=='USDT'"> |
|
|
|
<view class="w-12/12 m-t-xs"> |
|
|
|
<view class="fn-center w-max"> |
|
|
|
<view class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs"> |
|
|
|
<view class="fn-left w-5/12">{{ $t("homeNewText.aa7") }}</view> |
|
|
|
<view class="fn-right w-4/12">{{ $t("homeNewText.bb1") }}</view> |
|
|
|
<view class="fn-right w-3/12 positions">{{ $t("homeNewText.bb2") }}</view> |
|
|
|
</view> |
|
|
|
<v-link :to="{path: '/pages/exchange/index',query: { code: item.pair_name },}" |
|
|
|
class="m-b-md m-x-md rounded-xs box-shadow link-active d-flex justify-between align-center p-y-xs box-size p-x-xs" |
|
|
|
v-for="item in parentItem.collect ? collect.slice(0,5) : parentItem.marketInfoList.slice(0,5)" :key="item.pair_name"> |
|
|
|
<view class="fn-left w-5/12"> |
|
|
|
<view class="d-flex align-center"> |
|
|
|
<image :src="item.coin_icon" mode="" style="width: 60rpx;height: 60rpx;margin-right: 12rpx;"></image> |
|
|
|
<text class="fn-bold fn-14 color-light col-fff">{{ item.coin_name }}</text> |
|
|
|
</view> |
|
|
|
<view class="d-flex align-center fn-12 m-t-xs" v-if="0"> |
|
|
|
24H{{ $t("first.b3") }} {{ omitTo(item.vol, 0) }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="fn-right w-4/12 color-light usd-close">{{ item.close }}</view> |
|
|
|
<view class="fn-right w-3/12"> |
|
|
|
<span class="fn-bold rounded-xs fn-16" :class="item.increase * 1 > 0 ? 'color-buys1' : 'color-red1'"> |
|
|
|
{{ item.increaseStr }} |
|
|
|
</span> |
|
|
|
</view> |
|
|
|
</v-link> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <a href="https://app.mrbcoin.com/download/Mrbcoin.html" style="display: block;width: 100%;text-decoration: none;"> |
|
|
|
<view class="store_view"> |
|
|
|
<image src="@/assets/img/home/antFill-apple@2x.png" mode="" style="width: 48rpx;height: 48rpx;"></image> |
|
|
|
<view style="color: #908F94;margin-left: 20rpx;">APP Store</view> |
|
|
|
|
|
|
|
<!-- 新手引导 --> |
|
|
|
<view class="currency" style="margin-top: 200rpx;"> |
|
|
|
{{$t("homeNewText.bb9")}} |
|
|
|
</view> |
|
|
|
<view class="currency" style="margin: 40rpx 40rpx 100rpx 40rpx;font-size: 28rpx;">{{$t("homeNewText.bb10")}}</view> |
|
|
|
<view class="reserve-box"> |
|
|
|
<view> |
|
|
|
<view class="guide_box1"><image src="@/assets/img/home/home2.png" mode="widthFix" style="width: 100%;"></image></view> |
|
|
|
<view class="guide_box2">{{$t("homeNewText.bb11",{name:'Mrbcoin'})}}</view> |
|
|
|
<view class="guide_box3">{{$t("homeNewText.bb12")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn1" @click="goReg" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb6") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn1" @click="goMine" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb6") }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</a> |
|
|
|
<a href="https://app.mrbcoin.com/download/Mrbcoin.html" style="display: block;width: 100%;text-decoration: none;"> |
|
|
|
<view class="store_view"> |
|
|
|
<image src="@/assets/img/home/md-android@2x.png" mode="" style="width: 48rpx;height: 48rpx;"></image> |
|
|
|
<view style="color: #908F94;margin-left: 20rpx;">Android</view> |
|
|
|
<view> |
|
|
|
<view class="guide_box1"><image src="@/assets/img/home/home3.png" mode="widthFix" style="width: 100%;"></image></view> |
|
|
|
<view class="guide_box2">{{$t("homeNewText.bb13")}}</view> |
|
|
|
<view class="guide_box3">{{$t("homeNewText.bb14")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn1" @click="goReg" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb15") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn1" @click="goMine" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb15") }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</a> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 立即開始您的加密之旅! --> |
|
|
|
<view style="width: 100%;display: flex;justify-content: center;margin-bottom: 200rpx;"> |
|
|
|
<view class="Journey_text"> |
|
|
|
<view class=""> |
|
|
|
<view class="Journey_text1">{{ $t("homeNewText.bb36") }}</view> |
|
|
|
<view class="Journey_text2">{{ $t("homeNewText.bb37") }}</view> |
|
|
|
<view style="text-align: center;margin-top: 40rpx;"> |
|
|
|
<view v-if="!isLogin" class="jump_btn2" @click="goReg" style="margin-top: 60rpx;"> |
|
|
|
{{ $t("homeNewText.bb38") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn2" @click="goExchange" style="margin-top: 60rpx;"> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
<view> |
|
|
|
<view class="guide_box1"><image src="@/assets/img/home/home4.png" mode="widthFix" style="width: 100%;"></image></view> |
|
|
|
<view class="guide_box2">{{$t("homeNewText.bb16")}}</view> |
|
|
|
<view class="guide_box3">{{$t("homeNewText.bb17")}}</view> |
|
|
|
<view v-if="!isLogin" class="jump_btn1" @click="goReg" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb18") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn1" @click="goMine" style="margin-bottom: 100rpx;"> |
|
|
|
{{ $t("homeNewText.bb18") }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 开启你的数字货币之旅 --> |
|
|
|
<view class="currency" style="margin-top: 200rpx;">{{$t("homeNewText.bb19")}}</view> |
|
|
|
<view class="reserve-box"> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="margin-top: 100rpx;"> |
|
|
|
<image src="@/assets/img/home/home5.png" mode="widthFix" style="width: 440rpx;"></image> |
|
|
|
</view> |
|
|
|
<view class="currency_box1">{{$t("homeNewText.bb20")}}</view> |
|
|
|
<view class="currency_box2">{{$t("homeNewText.bb21")}}</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="margin-top: 100rpx;"> |
|
|
|
<image src="@/assets/img/home/home6.png" mode="widthFix" style="width: 440rpx;"></image> |
|
|
|
</view> |
|
|
|
<view class="currency_box1">{{$t("homeNewText.bb22")}}</view> |
|
|
|
<view class="currency_box2">{{$t("homeNewText.bb23")}}</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="margin-top: 100rpx;"> |
|
|
|
<image src="@/assets/img/home/home7.png" mode="widthFix" style="width: 440rpx;"></image> |
|
|
|
</view> |
|
|
|
<view class="currency_box1">{{$t("homeNewText.bb24")}}</view> |
|
|
|
<view class="currency_box2">{{$t("homeNewText.bb25")}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 探索无限可能 --> |
|
|
|
<view class="currency" style="margin-top: 200rpx;">{{$t("homeNewText.bb26")}}</view> |
|
|
|
<view class="reserve-box"> |
|
|
|
<view class="Infinite_box"> |
|
|
|
<view class="Infinite_box1"> |
|
|
|
<view class="Infinite_box2">{{$t("homeNewText.bb27")}}</view> |
|
|
|
<view class="Infinite_box3">{{$t("homeNewText.bb28")}}</view> |
|
|
|
</view> |
|
|
|
<view><image src="@/assets/img/home/home8.png" mode="widthFix" style="width: 670rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view class="Infinite_box"> |
|
|
|
<view class="Infinite_box1"> |
|
|
|
<view class="Infinite_box2">{{$t("homeNewText.bb29")}}</view> |
|
|
|
<view class="Infinite_box3">{{$t("homeNewText.bb30")}}</view> |
|
|
|
</view> |
|
|
|
<view><image src="@/assets/img/home/home9.png" mode="widthFix" style="width: 670rpx;"></image></view> |
|
|
|
</view> |
|
|
|
<view class="Infinite_box"> |
|
|
|
<view class="Infinite_box1"> |
|
|
|
<view class="Infinite_box2">{{$t("homeNewText.bb31")}}</view> |
|
|
|
<view class="Infinite_box3">{{$t("homeNewText.bb32")}}</view> |
|
|
|
</view> |
|
|
|
<view><image src="@/assets/img/home/home10.png" mode="widthFix" style="width: 670rpx;"></image></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 轻松玩赚数字货币. --> |
|
|
|
<view class="currency" style="margin-top: 100rpx;">{{$t("homeNewText.bb33")}}</view> |
|
|
|
<view class="currency" style="margin: 20rpx 40rpx 0rpx;text-align: left;font-size: 28rpx;">{{$t("homeNewText.bb34",{name:'Mrbcoin'})}}</view> |
|
|
|
<view style="padding: 0px 40rpx;"> |
|
|
|
<view class="positionBox_box2"> |
|
|
|
<view class="positionBox_box3"> |
|
|
|
<img src="@/assets/img/home/home11.png" alt="" style="width: 670rpx;height: 514rpx;" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- <a href="https://app.mrbcoin.com/download/Mrbcoin.html" style="display: block;width: 100%;text-decoration: none;"> |
|
|
|
<view class="store_view"> |
|
|
|
<image src="@/assets/img/home/antFill-apple@2x.png" mode="" style="width: 48rpx;height: 48rpx;"></image> |
|
|
|
<view style="color: #908F94;margin-left: 20rpx;">APP Store</view> |
|
|
|
</view> |
|
|
|
</a> |
|
|
|
<a href="https://app.mrbcoin.com/download/Mrbcoin.html" style="display: block;width: 100%;text-decoration: none;"> |
|
|
|
<view class="store_view"> |
|
|
|
<image src="@/assets/img/home/md-android@2x.png" mode="" style="width: 48rpx;height: 48rpx;"></image> |
|
|
|
<view style="color: #908F94;margin-left: 20rpx;">Android</view> |
|
|
|
</view> |
|
|
|
</a> --> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 立即開始您的加密之旅! --> |
|
|
|
<view style="width: 100%;display: flex;justify-content: center;margin-bottom: 200rpx;"> |
|
|
|
<view class="Journey_text"> |
|
|
|
<view class=""> |
|
|
|
<view class="Journey_text1">{{ $t("homeNewText.bb36") }}</view> |
|
|
|
<view class="Journey_text2">{{ $t("homeNewText.bb37") }}</view> |
|
|
|
<view style="text-align: center;margin-top: 40rpx;"> |
|
|
|
<view v-if="!isLogin" class="jump_btn2" @click="goReg" style="margin-top: 60rpx;"> |
|
|
|
{{ $t("homeNewText.bb38") }} |
|
|
|
</view> |
|
|
|
<view v-else class="jump_btn2" @click="goExchange" style="margin-top: 60rpx;"> |
|
|
|
{{ $t("homeNewText.aa4") }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<view class="head_info m-y-md " v-if="0"> |
|
|
|
@ -2065,4 +2321,241 @@ |
|
|
|
margin-top: 20rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 新首页布局 |
|
|
|
.illustration_area { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
padding-bottom: 160rpx; |
|
|
|
.title { |
|
|
|
color: #fff; |
|
|
|
width: 506rpx; |
|
|
|
margin: auto; |
|
|
|
font-size: 28px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.right { |
|
|
|
width: 540rpx; |
|
|
|
height: 550rpx; |
|
|
|
margin: 0px auto; |
|
|
|
} |
|
|
|
.left { |
|
|
|
color: #fff; |
|
|
|
width: 100%; |
|
|
|
text-align: center; |
|
|
|
.title { |
|
|
|
font-size: 30px; |
|
|
|
font-weight: bold; |
|
|
|
margin-top: 160rpx; |
|
|
|
margin-bottom: 44rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.jump_btn_one { |
|
|
|
color: #fff; |
|
|
|
margin: 0 auto 0; |
|
|
|
font-size: 32rpx; |
|
|
|
margin-top: 12px; |
|
|
|
font-weight: bold; |
|
|
|
text-align: center; |
|
|
|
padding: 20rpx 30rpx; |
|
|
|
border-radius: 20rpx; |
|
|
|
background-color: #54B58F; |
|
|
|
} |
|
|
|
|
|
|
|
.jump_btn_one1{ |
|
|
|
font-weight: bold; |
|
|
|
background-color: #000; |
|
|
|
color: #fff; |
|
|
|
border-radius: 60rpx; |
|
|
|
padding: 20rpx 50rpx; |
|
|
|
margin: 0 auto 0; |
|
|
|
text-align: center; |
|
|
|
font-size: 32rpx; |
|
|
|
} |
|
|
|
.jump_btn { |
|
|
|
font-weight: bold; |
|
|
|
min-width: 660rpx; |
|
|
|
height: 80rpx; |
|
|
|
line-height: 80rpx; |
|
|
|
text-align: center; |
|
|
|
margin: 0px auto 0px; |
|
|
|
background-color: #54B58F; |
|
|
|
border-radius: 10px; |
|
|
|
font-size: 14px; |
|
|
|
color: #fff; |
|
|
|
margin-top: 12px; |
|
|
|
} |
|
|
|
.buys { |
|
|
|
color: #59AF9D; |
|
|
|
} |
|
|
|
.red { |
|
|
|
color: #D1705E; |
|
|
|
} |
|
|
|
.product { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-around; |
|
|
|
width: 670rpx; |
|
|
|
margin-bottom: 45px; |
|
|
|
padding: 15px 0px; |
|
|
|
border-radius: 10px; |
|
|
|
box-shadow: 0 2px 8px 0 rgba(0,0,0,.99); |
|
|
|
|
|
|
|
.product_text1 { |
|
|
|
color: #fff; |
|
|
|
margin-left: 60rpx; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 36rpx; |
|
|
|
margin-bottom: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.product_text2 { |
|
|
|
margin-left: 30px; |
|
|
|
width: 320rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
color: #C4C4C4; |
|
|
|
} |
|
|
|
|
|
|
|
.product_text3{ |
|
|
|
margin: 60rpx 20rpx 60rpx 0rpx; |
|
|
|
// margin-left: 130rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.text_size { |
|
|
|
color: #fff; |
|
|
|
font-size: 20px; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.text_width { |
|
|
|
margin-top: 10px; |
|
|
|
color: #A5A5A5; |
|
|
|
} |
|
|
|
.went_text{ |
|
|
|
display: flex; |
|
|
|
width: 644rpx; |
|
|
|
justify-content: space-between; |
|
|
|
border: 1px solid #3b3b3b; |
|
|
|
height: 50px; |
|
|
|
align-items: center; |
|
|
|
padding: 0px 15px; |
|
|
|
border-radius: 10px; |
|
|
|
margin-top: 20px; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
|
|
|
|
.quickopening_box{ |
|
|
|
background-color: rgba(1, 188, 141, .04); |
|
|
|
border-radius: 20px; |
|
|
|
border: 1px solid rgba(29, 29, 29, .12); |
|
|
|
text-align: center; |
|
|
|
|
|
|
|
.quickopening_register{ |
|
|
|
width: 250px; |
|
|
|
height: 50px; |
|
|
|
background-color: rgba(29, 29, 29, 1); |
|
|
|
border-radius: 30px; |
|
|
|
color: white; |
|
|
|
text-align: center; |
|
|
|
line-height: 50px; |
|
|
|
margin: auto; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.image_img{ |
|
|
|
width: 600rpx; |
|
|
|
height: 400rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
} |
|
|
|
.image_title{ |
|
|
|
padding: 0px 60rpx; |
|
|
|
} |
|
|
|
.image_text{ |
|
|
|
margin: 20rpx auto 60rpx; |
|
|
|
font-size: 14px; |
|
|
|
width: 506rpx; |
|
|
|
} |
|
|
|
.text_hh3{ |
|
|
|
font-size: 60rpx; |
|
|
|
color: #fff; |
|
|
|
padding: 0px 40rpx; |
|
|
|
font-weight: bold; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
.text_hh4{ |
|
|
|
padding: 0px 40rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
margin-bottom: 60rpx; |
|
|
|
word-break: break-all; |
|
|
|
} |
|
|
|
.box_APP{ |
|
|
|
margin-top: 140rpx; |
|
|
|
padding: 0px 20px; |
|
|
|
margin-bottom: 60rpx; |
|
|
|
.box_hh30{ |
|
|
|
font-size: 60rpx; |
|
|
|
color: #fff; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
.box_hh31{ |
|
|
|
margin-top: 20rpx; |
|
|
|
margin-bottom: 60rpx; |
|
|
|
} |
|
|
|
.box_Stoer{ |
|
|
|
text-align: center; |
|
|
|
color: #fff; |
|
|
|
margin-top: 40rpx; |
|
|
|
font-weight: bold; |
|
|
|
background-color: #54B58F; |
|
|
|
border-radius: 10px; |
|
|
|
height: 88rpx; |
|
|
|
line-height: 88rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.box_width{ |
|
|
|
width: 100%; |
|
|
|
background-color: #74D297; |
|
|
|
height: 440rpx; |
|
|
|
display: flex; |
|
|
|
flex-wrap: wrap; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
margin-top: 100px; |
|
|
|
} |
|
|
|
.Serve_bot_box1{ |
|
|
|
// width: 100%; |
|
|
|
padding: 60rpx; |
|
|
|
margin: 100rpx 0px; |
|
|
|
display: flex; |
|
|
|
border-radius: 20px; |
|
|
|
flex-direction: column; |
|
|
|
background-color: #262727; |
|
|
|
} |
|
|
|
|
|
|
|
.Serve_bot_box2{ |
|
|
|
// width: 100%; |
|
|
|
padding: 30px; |
|
|
|
display: flex; |
|
|
|
border-radius: 20px; |
|
|
|
flex-direction: column; |
|
|
|
background-color: #effaf2; |
|
|
|
|
|
|
|
.Serve_bot_box2_img{ |
|
|
|
width: 25px; |
|
|
|
margin-right: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.Serve_bot_box2_text{ |
|
|
|
color: #000; |
|
|
|
font-size: 28px; |
|
|
|
font-weight: 700; |
|
|
|
} |
|
|
|
|
|
|
|
.Serve_bot_box2_text1{ |
|
|
|
font-size: 16px; |
|
|
|
padding-bottom: 20px; |
|
|
|
border-bottom: 1px solid #f0f0f0; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
