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

345
pages/base/home.vue
View File

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

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