Skip to content

html / poolin_app

Go to a project
Commit 24fec8d6 by zhanghui
Options

Merge branch 'zhanghui' into 'develop' 

最新合并代码



See merge request !20
parents e5d234eb fac602f9
Showing with 309 additions and 148 deletions
index.html
......@@ -7,7 +7,7 @@
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_538501_iihxu81if6r.css" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_538501_lcbajj2vb7ta9k9.css" />
<script src="https://cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tween.js@16.3.4"></script>
<title>poolin_app</title>
......
package.json
......@@ -5,7 +5,7 @@
"author": "xin3w <xin3w@126.com>",
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.1.57",
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"
},
......
src/assets/less/style.less
......@@ -98,26 +98,70 @@ html,body {-webkit-tap-highlight-color: rgba(0, 0, 0,0); font-size: 0.28rem; bac
}
.page {width:100%;height:100%; overflow: hidden;.pos(a);
.page-header {background:@blue;color:#fff;.pos(f); left:0; top:0; right:0; height:44px; z-index: 9999;
.back {width:44px;height:44px; vertical-align: middle;.tc;
i {font-size:30px;.txt-ver(44px);}
//moban新定义
.page-header{background:@blue;color:#fff;height:44px;z-index: 9999;.pos(r);
//位置
.fix-top {.pos(f); left:0; top:0; right:0; }
.abs-left {.pos(a); left:0;top:0;}
.abs-right {.pos(a); right:0;top:0;}
//左右中布局
.l {width: 100px; height:44px;left: 0;bottom:0;.pos(a);}
.c {font-size:0.36rem;.pos(a); left:100px; right:100px; .tc;.txt-ver(44px);
h3 {.txt-ver(30px);}
p {.pos(a);.d-b;.tc; font-size:0.16rem;left: 0; right:0; bottom:0;.txt-ver(14px);.font-wn;}
}
.r {width: 100px; height: 44px; .pos(a); right:0; bottom:0; text-align: right;}
//风格设定bg
.icon-back {width:44px;height:44px; vertical-align: middle;.tc;.d-b;
i {font-size:20px;.txt-ver(44px);}
}
.icon-sch {.icon-back;
i {font-size:18px;}
}
.side {.back;}
.title {font-size:0.36rem;.pos(a); left:100px; right:100px; .tc;.txt-ver(44px);}
.btns {font-size:0.36rem; padding:0 15px;}
.btn-choose-coin{ height: 44px; vertical-align: middle; padding-right: 10px;
span {.d-ib; background-size: 32px 32px; width:44px; height: 44px; background-repeat: no-repeat; background-position: center center;.fl;}
.iconfont {margin-top: 15px;.d-ib; vertical-align: middle}
.ltc {background-image:url(../img/index-tab1-active.png);}
.eth {background-image:url(../img/index-tab2-active.png);}
.dash {background-image:url(../img/index-tab3-active.png);}
.xmr {background-image:url(../img/index-tab4-active.png);}
.btc {background-image:url(../img/index-tab5-active.png);}
.sc {background-image:url(../img/index-tab6-active.png);}
.zcash {background-image:url(../img/index-tab7-active.png);}
.doge {background-image:url(../img/index-tab8-active.png);}
.icon-side{.icon-back;
i {font-size: 24px;}
}
.bg-coin {.wh(44px);.d-ib; background-size: 33px; background-position: right center; background-repeat: no-repeat; margin-right: 0;}
.txt {.txt-ver(44px); padding: 0 0.2rem;font-size:0.32rem;}
}
// .page-header {background:@blue;color:#fff;.pos(f); left:0; top:0; right:0; height:44px; z-index: 9999;
// .back {width:44px;height:44px; vertical-align: middle;.tc;
// i {font-size:30px;.txt-ver(44px);}
// }
// .side {.back;}
// .title {font-size:0.36rem;.pos(a); left:100px; right:100px; .tc;.txt-ver(44px);}
// .btns {font-size:0.36rem; padding:0 15px;}
// .btn-choose-coin{ height: 44px; vertical-align: middle; padding-right: 10px;
// span {.d-ib; background-size: 32px 32px; width:44px; height: 44px; background-repeat: no-repeat; background-position: center center;.fl;}
// .iconfont {margin-top: 15px;.d-ib; vertical-align: middle}
// .ltc {background-image:url(../img/index-tab1-active.png);}
// .eth {background-image:url(../img/index-tab2-active.png);}
// .dash {background-image:url(../img/index-tab3-active.png);}
// .xmr {background-image:url(../img/index-tab4-active.png);}
// .btc {background-image:url(../img/index-tab5-active.png);}
// .sc {background-image:url(../img/index-tab6-active.png);}
// .zcash {background-image:url(../img/index-tab7-active.png);}
// .doge {background-image:url(../img/index-tab8-active.png);}
// }
// .edit {.back;
// i {font-size: 22px;}
// }
// .search{.back;
// i {font-size: 22px;}
// }
// }
.page-content {position:absolute;top:44px;width:100%;height:auto;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;}
}
.home{
......@@ -251,7 +295,13 @@ html,body {-webkit-tap-highlight-color: rgba(0, 0, 0,0); font-size: 0.28rem; bac
}
}
.miners {
.page-content{
.top {top:44px;}
}
.miners-fixed { z-index: 1000!important;}
}
.mobile-ios {
.page-header {padding-top: 20px;}
.page-content {top:64px;}
......
src/components/Dashboard/dashboardChart.vue
......@@ -198,6 +198,7 @@ export default {
}
},
created() {
this.$indicator.open({ spinnerType: 'fading-circle' })
this.pageInit(72, "1h", parseInt((new Date().getTime() - 86400000 * 3) / 1000));
},
methods: {
......@@ -243,6 +244,7 @@ export default {
path: "/my/" + self.$route.params.puid + "/" + self.$route.params.coin_type
});
}
this.$indicator.close()
});
}
});
......
src/components/Dashboard/index.vue
<template>
<div class="dashboard">
<div class="page-header" :class="hasZIndex==true?'zIndexAuto':''" flex="main:justify cross:center">
<div class="side" @click="getSide"><i class="iconfont icon-mulu"></i></div>
<div class="title" @click="getRegion">{{account_name}} - {{cur_region['text_zh-cn']}}<i class="iconfont icon-down"></i></div>
<div class="btn-choose-coin" @click="getCoin"><span :class="coin_type"></span><i class="iconfont icon-down"></i></div>
<div class="page-header" :class="hasZIndex==true?'zIndexAuto':''">
<div class="l" @click="getSide"><span class="icon-side abs-left"><i class="iconfont icon-mulu"></i></span></div>
<div class="c" @click="getRegion">{{account_name}} - {{cur_region['text_zh-cn']}} <i class="iconfont icon-down"></i></div>
<div class="r" @click="getCoin"><span class="abs-right"><b class="bg-coin" :class="coin_type"></b><i class="iconfont icon-down mr10"></i></span></div>
</div>
<div class="page-content">
<!-- 切换币种 -->
......@@ -137,6 +137,7 @@ export default {
}
},
mounted() {
this.$indicator.open({ spinnerType: 'fading-circle' })
this.pageInitInterval();
},
methods: {
......@@ -171,7 +172,6 @@ export default {
} else {
this.$message.error("请求支付状态错误!")
}
this.$indicator.close();
});
}
})
......@@ -254,4 +254,5 @@ export default {
},
}
};
</script>
src/components/Dashboard/subaccount.vue
......@@ -2,6 +2,7 @@
<div class="subaccount">
<div class="subtop">
<div class="logo">
<img style="width:2.63rem" src="../../assets/img/logo3.png" alt="">
<p>{{infoUser}}<i class="iconfont icon-jiantou"></i></p>
</div>
<h2>选择子账户</h2>
......@@ -114,8 +115,9 @@ export default {
z-index: 999;
}
.logo {
background:url(../../assets/img/logo3.png) no-repeat 0.3rem -0.1rem/2.36rem 0.53rem;
height: 2rem;
padding: 1.1rem .30rem 0;
padding: 0.2rem .30rem 0;
line-height: .9rem;
background-color: #103f73;
color: #Fff;
......
src/components/Login/index.vue
<template>
<div class="page login">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">登录</div>
<div class="btns" @click="goReg">注册</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">登录</div>
<div class="r" @click="goReg"><span class="txt abs-right">注册</span></div>
</div>
<div class="page-content">
<div class="logo"><img src="../../assets/img/logo2.png" alt="" /></div>
<div class="form-content">
......@@ -63,4 +64,3 @@ export default {
}
</script>
src/components/Miners/index.vue
<template>
<div class="miners">
<div class="page-header" flex="main:justify cross:center">
<div class="edit"><i class="iconfont icon-fanhui"></i></div>
<div class="title" @click="getGroup">{{messageGroup}}</div>
<div class="search"><i class="iconfont icon-fanhui"></i></div>
<div class="page-header">
<div class="l"><span class="icon-sch abs-left"><i class="iconfont icon-bianji"></i></span></div>
<div class="c" @click="getGroup">{{messageGroup}} <i class="iconfont icon-down"></i></div>
<div class="r"><span class="icon-sch abs-right"><i class="iconfont icon-sousuo"></i></span></div>
</div>
<div class="page-content bottom">
<!-- 默认分组 -->
<mt-popup v-model="showGroup" position="top" class='top show-center'>
<group :group="messageGroup" v-on:childGroup="formGroup"></group>
</mt-popup>
<!-- 切换排序 -->
<mt-popup v-model="showSort" class='show-center'>
<sort :sort="messageSort" v-on:childSort="fromSort"></sort>
</mt-popup>
<!-- 固定 -->
<div class="miners-fixed">
<ul class="miners-tab" flex="dir:center box:mean cross:center">
<li v-for="(items,index) in tablist" @click="tabActive(items,index)" :class="index==i?'active':''"><span><b>{{items.text}}<br>{{items.num}}</b></span></li>
</ul>
<div class="miners-sort f-tar"><span @click="getSort"><b><i class="iconfont icon-paixujiang"></i>排序：</b><b>{{messageSort}}<i class="iconfont icon-down"></i></b></span></div>
<!-- 默认分组 -->
<mt-popup v-model="showGroup" position="top" class='top show-center'>
<group :group="messageGroup" v-on:childGroup="formGroup"></group>
</mt-popup>
<!-- 切换排序 -->
<mt-popup v-model="showSort" position="top" class='top show-center'>
<sort :sort="messageSort" v-on:childSort="fromSort"></sort>
</mt-popup>
<div class="title list-row">
<div class="s1">矿机名</div>
<div class="s2">实时算力</div>
......@@ -31,7 +28,6 @@
<div class="s5"></div>
</div>
</div>
<div class="miners-content">
<!-- 添加刷新加载位置 -->
<div class="list list-row" v-for="items in tableData" :class="{'redBg':items.status==1,'greyBg':items.status==2} ">
......@@ -50,9 +46,6 @@
</div>
<!-- page end -->
</template>
<script>
import fn from '@/utils/function.js';
import sort from "@/components/Miners/sort";
......@@ -65,18 +58,18 @@ export default {
},
data() {
return {
tablist:[{
text:'全部',
num:'1006'
},{
text:'活跃',
num:'1002'
},{
text:'不活跃',
num:'107'
},{
text:'失效',
num:'17'
tablist: [{
text: '全部',
num: '1006'
}, {
text: '活跃',
num: '1002'
}, {
text: '不活跃',
num: '107'
}, {
text: '失效',
num: '17'
}],
tableData: [{
name: '1103037',
......@@ -98,7 +91,7 @@ export default {
dayPower: '252.752',
refuse: '19.45%',
unit: 'H',
},{
}, {
name: '3103037',
realPower: '205.204',
dayPower: '252.752',
......@@ -118,7 +111,7 @@ export default {
dayPower: '252.752',
refuse: '19.45%',
unit: 'H',
},{
}, {
name: '3103037',
realPower: '205.204',
dayPower: '252.752',
......@@ -138,7 +131,7 @@ export default {
dayPower: '252.752',
refuse: '19.45%',
unit: 'H',
},{
}, {
name: '3103037',
realPower: '205.204',
dayPower: '252.752',
......@@ -158,7 +151,7 @@ export default {
dayPower: '252.752',
refuse: '19.45%',
unit: 'H',
},{
}, {
name: '3103037',
realPower: '205.204',
dayPower: '252.752',
......@@ -181,43 +174,57 @@ export default {
}],
i: 0, //miners-tab默认第一个选中
hasZIndex: false,
showSort:false,
showGroup:false,
messageSort:'矿机名 倒序',
messageGroup:'全部'
showSort: false,
showGroup: false,
messageSort: '矿机名 倒序',
messageGroup: '全部'
}
},
computed: {
puid() {
return this.$store.state.puid || localStorage.getItem('puid');
},
coin_type() {
return this.$store.state.coin_type || localStorage.getItem('coin_type');
},
region_id() {
return this.$store.state.region_id || localStorage.getItem('region_id');
},
language() {
return this.$store.state.language || localStorage.getItem('language');
}
},
mounted() {
this.$indicator.close();
},
methods: {
goMinerShow() {
// <button @click="goMinerShow">跳转到矿机详情页</button>
this.$router.push('/my/puid/coin_type/region_id/miners/worker_id')
//矿机详情
goMinerShow(worker_id) {
this.$router.push('/my/' + this.puid + '/' + this.coin_type + '/' + this.region_id + '/miners/' + worker_id)
},
//miners-tab点击切换的选中状态
tabActive(items,index) {
tabActive(items, index) {
this.i = index
console.log(items.text)
},
getSort() {
this.hasZIndex = true;
this.showSort = !this.showSort;
this.showGroup=false;
this.showGroup = false;
},
getGroup(){
this.hasZIndex = false;
this.showGroup = !this.showGroup;
this.showSort=false;
getGroup() {
this.hasZIndex = false;
this.showGroup = !this.showGroup;
this.showSort = false;
},
fromSort(msg){
fromSort(msg) {
this.messageSort = msg;
this.showSort=false;
this.showSort = false;
},
formGroup(msg){
formGroup(msg) {
this.messageGroup = msg;
this.showGroup=false;
}
this.showGroup = false;
}
}
}
......
src/components/Notice/detail.vue
<template>
<div class="page detail">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">公告详情</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">公告详情</div>
</div>
<div class="page-content">
<div class="title-content pt20 pb20 pl30 pr30">
......@@ -14,17 +14,16 @@
</div>
</div>
</div>
</template>
<script>
export default {
name: 'noticeShow',
data() {
return {
notice:{
notice: {
id: 0,
time: '2017-11-05 11:33',
title:'矿池关于比特币现金版本升级及更名的通知',
title: '矿池关于比特币现金版本升级及更名的通知',
status: 'unread',
detail: '日前，Bitcoin ABC发布了比特币现金BCH(原BCC)包含有算法难度调整（DAA）的0.16.0版本。该版本中将原BC'
}
......
src/components/Notice/index.vue
<template>
<div class="page notice">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">通知中心</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">通知中心</div>
</div>
<div class="page-content">
<div class="notice-content">
<div class="notice-notice" flex="dir:left box:first" @click="goNoticeList">
......
src/components/Notice/list.vue
<template>
<div class="page list">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">公告列表</div>
<div class="btn-mark" @click="markAllList">全标已读</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">公告列表</div>
<div class="r" @click="markAllList"><span class="txt abs-right">全标已读</span></div>
</div>
<div class="page-content">
<ul class="list-content">
<li v-for="(notice,index) in noticeList" :key="notice.id" class="list-item pt20 pb20 pl30 pr30" :class="notice.status=='unread'?'unread':'read'" @click="goNoticeShow(index) ">
<li v-for="(notice,index) in noticeList" :key="notice.id" class="list-item pt20 pb20 pl30 pr30" :class="notice.status=='unread'?'unread':'read'" @click="goNoticeShow(index) ">
<p>{{notice.title}}</p>
<span>{{notice.time}}</span>
</li>
......@@ -22,20 +22,20 @@ export default {
name: 'noticeList',
data() {
return {
noticeList:[{
noticeList: [{
id: 0,
time: '2017-11-05 11:33',
title:'矿池关于比特币现金版本升级及更名的通知',
title: '矿池关于比特币现金版本升级及更名的通知',
status: 'unread'
},{
}, {
id: 1,
time: '2017-11-04 11:33',
title:'矿池关于比特币现金版本升级及更名的通知',
title: '矿池关于比特币现金版本升级及更名的通知',
status: 'unread'
},{
}, {
id: 2,
time: '2017-11-04 11:33',
title:'矿池关于比特币现金版本升级及更名的通知',
title: '矿池关于比特币现金版本升级及更名的通知',
status: 'read'
}],
}
......@@ -52,7 +52,7 @@ export default {
this.$router.push('/NoticeShow');
},
markAllList() {
this.noticeList.forEach((notice)=>{
this.noticeList.forEach((notice) => {
notice.status = 'read';
})
}
......
src/components/Reg/index.vue
<template>
<div class="page reg">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">注册</div>
<div class="btns" @click="goLogin">登录</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">注册</div>
<div class="r" @click="goLogin"><span class="txt abs-right">登录</span></div>
</div>
<div class="page-content">
<div v-if="step===1">
......
src/components/Settings/Account.vue
<template>
<div class="page account">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">子账户选择</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">子账户选择</div>
</div>
<div class="page-content">
<h2>请选择子账户</h2>
......
src/components/Settings/DefaultCoin.vue
<template>
<div class="page default-coin">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">设置默认币种</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">设置默认币种</div>
</div>
<div class="page-content">
<el-form :model="createForm" :rules="createRules" ref="createForm">
......
src/components/Settings/Language.vue
<template>
<div class="page language">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">语言设置</div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">语言设置</div>
</div>
<div class="page-content top">
<div class="language-content">
......
src/components/Settings/index.vue
<template>
<div class="settings">
<div class="page-header" flex="main:justify cross:center">
<div class="title">设置页面</div>
<div class="page-header">
<div class="c">设置页面</div>
</div>
<div class="page-content bottom bg-blue">
<div class="setting-content">
......@@ -77,8 +77,10 @@ export default {
return this.$store.state.language || localStorage.getItem('language');
}
},
created() {
this.$indicator.open({ spinnerType: 'fading-circle' })
},
mounted() {
this.$indicator.close();
this.pageInit();
},
methods: {
......@@ -86,15 +88,15 @@ export default {
//获取当前用户信息
fn.getSubAccountById(this.puid).then(res => {
if (res.data.err_no == 0) {
console.log(res.data.data)
this.account_name = res.data.data.name;
this.account_default_coin_type = res.data.data.default_coin_type;
this.$indicator.close();
}
})
},
},
watch:{
watch: {
}
}
......
src/components/Users/Create.vue
<template>
<div class="page create">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">创建子账户</div>
<div class="btns"></div>
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">创建子账户</div>
</div>
<div class="page-content bg-blue">
<el-form :model="createForm" :rules="createRules" ref="createForm">
......@@ -89,7 +88,7 @@ export default {
} else {
this.$toast({
message: '子账号已创建！',
iconClass: 'iconfont icon-caozuochenggong c-green'
iconClass: 'iconfont icon-iconfontzhizuobiaozhunbduan22 c-green'
});
this.$store.commit('setPuid', res.data.data.puid);
this.$store.commit('setCoinType', res.data.data.default_coin_type);
......
src/components/Users/Manager/Admin.vue
<template>
<div class="page admin-list">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">{{msg}}</div>
<div class="btns"></div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">{{msg}}</div>
</div>
<div class="page-content">
<div class="mt40">
......
src/components/Users/Manager/SetEmail.vue
<template>
<div class="page setEmail">
<div class="page-header" flex="main:justify cross:center">
<div class="back" @click="goBack"><i class="iconfont icon-fanhui"></i></div>
<div class="title">{{msg}}</div>
<div class="btns"></div>
<div class="page-header">
<div class="l" @click="goBack"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">{{msg}}</div>
</div>
<div class="page-content">
<!-- 未设置邮箱 -->
......@@ -75,15 +74,15 @@
export default {
name: "setEmail",
data() {
var validatePass = (rule, value, callback) => {
if (value === null) {
callback(new Error('请再次输入密码'));
} else if (value !== this.setPwd.newPsd) {
callback(new Error('两次输入密码不一致!'));
} else {
callback();
}
var validatePass = (rule, value, callback) => {
if (value === null) {
callback(new Error('请再次输入密码'));
} else if (value !== this.setPwd.newPsd) {
callback(new Error('两次输入密码不一致!'));
} else {
callback();
}
}
return {
msg: "设置邮箱",
setEmail: {
......@@ -105,7 +104,7 @@ export default {
},
labelPosition: 'left',
modifyPsd: {
newPsd: [
newPsd: [
{ required: true, message: '请输入新密码', trigger: 'blur,change' },
{
min: 6,
......@@ -113,7 +112,7 @@ export default {
message: "密码过短，密码为6-18位数字+字母",
trigger: "blur,change"
}
],
],
checkPsd: [
{ validator: validatePass, trigger: 'blur,change' },
]
......@@ -131,7 +130,7 @@ export default {
showBtnPwd: function() {
return this.setPwd.usedPsd && this.setPwd.newPsd && this.setPwd.checkPsd;
},
},
mounted() {},
methods: {
......
src/components/moban.vue 0 → 100644
<template>
<div class="page">
<div class="page-header">
<div class="c">模板</div>
</div>
<div class="page-content">
<h1>icons</h1>
<div class="box icons">
<i class="iconfont icon-bianji"></i>
<i class="iconfont icon-sousuo"></i>
<i class="iconfont icon-licaishouyi"></i>
<i class="iconfont icon-down"></i>
<i class="iconfont icon-mulu"></i>
<i class="iconfont icon-icon--"></i>
<i class="iconfont icon-cabinet-settings"></i>
<i class="iconfont icon-jiantou"></i>
<i class="iconfont icon-dui"></i>
<i class="iconfont icon-network"></i>
<i class="iconfont icon-iconfontzhizuobiaozhunbduan22"></i>
<i class="iconfont icon-keyongyue"></i>
<i class="iconfont icon-tongyongleibaojing"></i>
<i class="iconfont icon-gantanhao"></i>
<i class="iconfont icon-paixusheng"></i>
<i class="iconfont icon-paixujiang"></i>
<i class="iconfont icon-tubiaozhexiantu"></i>
<i class="iconfont icon-xiaoxigonggao"></i>
<i class="iconfont icon-close"></i>
<i class="iconfont icon-unie606"></i>
<i class="iconfont icon-email"></i>
<i class="iconfont icon-password"></i>
<i class="iconfont icon-fanhui"></i>
</div>
<h1>公共头</h1>
<div class="box header">
<div class="page-header">
<div class="l"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">DOGE补贴地址</div>
</div>
<br />
<div class="page-header">
<div class="l"><span class="icon-back"><i class="iconfont icon-fanhui"></i></span></div>
<div class="c">报警联系人</div>
<div class="r"><span class="txt abs-right">保存</span></div>
</div>
<br />
<div class="page-header">
<div class="l"><span class="txt abs-left">完成</span></div>
<div class="c">标题</div>
<div class="r"><span class="icon-sch abs-right"><i class="iconfont icon-sousuo"></i></span></div>
</div>
<br />
<div class="page-header">
<div class="l"><span class="icon-sch abs-left"><i class="iconfont icon-bianji"></i></span></div>
<div class="c">默认分组 <i class="iconfont icon-down"></i></div>
<div class="r"><span class="icon-sch abs-right"><i class="iconfont icon-sousuo"></i></span></div>
</div>
<br />
<div class="page-header">
<div class="l"><span class="icon-sch abs-left"><i class="iconfont icon-bianji"></i></span></div>
<div class="c">
<h3>默认分组 <i class="iconfont icon-down"></i></h3>
<p>总算力: 20.87 PH/s</p>
</div>
<div class="r"><span class="icon-sch abs-right"><i class="iconfont icon-sousuo"></i></span></div>
</div>
<br />
<div class="page-header">
<div class="l"><span class="icon-side abs-left"><i class="iconfont icon-mulu"></i></span></div>
<div class="c">YZCF - 南方电信 <i class="iconfont icon-down"></i></div>
<div class="r"><span class="abs-right"><b class="bg-coin ltc "></b><i class="iconfont icon-down mr10"></i></span></div>
</div>
</div>
</div>
</div>
</template>
<style scoped>
h1 {
padding: 0 0.2rem
}
.box {
margin: 0.2rem;
padding: 0.2rem;
background: gray;
}
.icons i {
margin: 0.1rem;
font-size: 0.4rem;
color: #fff;
}
</style>
src/main.js
......@@ -48,7 +48,7 @@ axios.interceptors.request.use(config => {
function checkToken() {
return new Promise((resolve, reject) => {
resolve('eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IlEwTTBNRUl4UVRVME5qazJNa0ZFT0RCRk56WkJNVGc0TmtFd09UWkNOakZGTlRFMFEwVTJOdyJ9.eyJpc3MiOiJodHRwczovL2Jsb2NraW4uYXV0aDAuY29tLyIsInN1YiI6ImF1dGgwfDVhMzM4MWE2ZjczMzNjNjdkMzMxOWZiYyIsImF1ZCI6WyJodHRwczovL3d3dy5wb29saW4uY29tL2FwaSIsImh0dHBzOi8vYmxvY2tpbi5hdXRoMC5jb20vdXNlcmluZm8iXSwiaWF0IjoxNTE3Mzg3NjY0LCJleHAiOjE1MTczOTQ4NjQsImF6cCI6IkZhczI5dWJNNW52NElFMlZUQ3ZEWU5iaWtIeTF0bDBkIiwic2NvcGUiOiJvcGVuaWQgcHJvZmlsZSByZWFkIHdyaXRlIn0.CAjxVLkrBa09VoEhZ_DN_NmTvLK5WqIQEgeTeAl8Rv1CtOi5d5-WuUybTJWIQEfvUpMdmE63p80PLYICsoqQSq3VMpM39eITR2wFlySfDKihXskBuYg0NbTuQkHXbYt2AAfe9DzfFb7eJ0F9YOjP93BOqYMugsSwj8T5tWkpuiHa9OExqlJw0d4M-bpoNtyhQI3nDtPfdg_Q3g0lBp9zC1nbVlBy0lVvV7-1NzBFOvPHaAIg232ggpecOr0escVpwDnOX1otfUl-JoEckw-K4mKC8_CKBaZyF1uPxbNuyv5Q4FfVBKg3CDqXQjudy-FviRLzZFLZsg1IUsabc2u-Sg');
resolve('eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiIsImtpZCI6IlEwTTBNRUl4UVRVME5qazJNa0ZFT0RCRk56WkJNVGc0TmtFd09UWkNOakZGTlRFMFEwVTJOdyJ9.eyJpc3MiOiJodHRwczovL2Jsb2NraW4uYXV0aDAuY29tLyIsInN1YiI6ImF1dGgwfDU5ZjE3OTc5ZDljMGM1MzZiZjRhMzVjMSIsImF1ZCI6WyJodHRwczovL3d3dy5wb29saW4uY29tL2FwaSIsImh0dHBzOi8vYmxvY2tpbi5hdXRoMC5jb20vdXNlcmluZm8iXSwiaWF0IjoxNTE3NTM2NjU4LCJleHAiOjE1MTc1NDM4NTgsImF6cCI6IkZhczI5dWJNNW52NElFMlZUQ3ZEWU5iaWtIeTF0bDBkIiwic2NvcGUiOiJvcGVuaWQgcHJvZmlsZSByZWFkIHdyaXRlIn0.tE5v7bvMZSQnW8VvECKXkV1NVIwFpbVDW8iPEr5VO3TmsQnUVCWXz_2yK_jyA8EdK25Cw-Awidhr3kFnMLrz88SYZ_cuzhn8ooISkDDT89_y5kCWa59Ntxw5-_r6NHk90mjX7Bve7sjedvq2FxhPMatXrcEApn_yxaOd6S7JX6Z2jpNc3IzCOr40cryqJDKQckKXiUcDL726h4IWxovUzwjRTQv1QxYld6bN7OV19NvfPjUccf78EZpEMaDSGSDzQo2wam3R4LDo0PYnO1JLi9nq2dieEuihav9L1B9QehDMYLmtk8cE18DTIo9ZPDcP2QfQlyKK5NUCKwEMOC6jgQ');
})
}
......
src/router/index.js
......@@ -152,6 +152,13 @@ const router = new Router({
meta: {
title: 'NoticeShow.vue'
}
}, {
path: '/moban',
name: 'moban',
component: resolve => require(['@/components/moban'], resolve),
meta: {
title: 'moban.vue'
}
}
]
})
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment