全景页面bug修复

master
huan.xu 4 years ago
parent 423ffcda3b
commit ef9253c5cf
  1. 1
      src/api/app.js
  2. 7
      src/components/common/header.vue
  3. 54
      src/pages/entry.vue

@ -11,6 +11,7 @@ export const userApi = 'https://www.zhixinchains.com/user'; //用户
export const FILE_URL = 'https://file.zhixinchains.com/'; //图片地址 export const FILE_URL = 'https://file.zhixinchains.com/'; //图片地址
export const yyyfApi = 'https://www.zhixinchains.com/yyyfuser'; //用户 export const yyyfApi = 'https://www.zhixinchains.com/yyyfuser'; //用户
export const yyyfUrl = 'http://www.iyyyf.com/'; //以渔有方地址
// export const c2cApi = 'https://c2c.flamex.io'; //法币 // export const c2cApi = 'https://c2c.flamex.io'; //法币
// export const btcApi = 'https://btc.flamex.io'; //BTC钱包 // export const btcApi = 'https://btc.flamex.io'; //BTC钱包

@ -3,7 +3,7 @@
<header class="nav-header"> <header class="nav-header">
<!-- 左侧 nav --> <!-- 左侧 nav -->
<div class="leftNav"> <div class="leftNav">
<a class="logoBox" href="javascript:history.go(-1);"> <a class="logoBox" href="/entry">
<el-button type="info">&lt; 返回</el-button> <el-button type="info">&lt; 返回</el-button>
</a> </a>
<ul class="nav-menu"> <ul class="nav-menu">
@ -215,6 +215,7 @@ import {logOut} from '@/api/user';
import {FILE_URL} from '@/api/app'; import {FILE_URL} from '@/api/app';
import {submit, reStart} from '@/api/yyyf'; import {submit, reStart} from '@/api/yyyf';
import {signUp, signIn} from '@/api/user'; import {signUp, signIn} from '@/api/user';
import {yyyfUrl} from '@/api/app.js';
const Menu = { const Menu = {
icon: [{t: 'nav.menu_name', link: '/'}], icon: [{t: 'nav.menu_name', link: '/'}],
@ -311,13 +312,13 @@ export default {
let yyyfToken = localStorage.getItem('yyyfToken'); let yyyfToken = localStorage.getItem('yyyfToken');
this.isSubmit = localStorage.getItem('isSubmit') == 'true' ? true : false; this.isSubmit = localStorage.getItem('isSubmit') == 'true' ? true : false;
if (yyyfToken == '' || yyyfToken == undefined) { if (yyyfToken == '' || yyyfToken == undefined) {
this.$alert('未从以渔有方登录,点击确定关闭浏览器', '提示', { this.$alert('未从以渔有方登录,点击确定返回登录', '提示', {
type: 'error', type: 'error',
showClose: false, showClose: false,
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonClass: 'btn-self-style', confirmButtonClass: 'btn-self-style',
callback: () => { callback: () => {
this.closeWindow(); window.location.href = yyyfUrl;
}, },
}); });
} else { } else {

@ -176,6 +176,8 @@ import {getLeftPrice} from '@/api/currency.js';
import {submit, reStart} from '@/api/yyyf'; import {submit, reStart} from '@/api/yyyf';
import {logOut} from '@/api/user'; import {logOut} from '@/api/user';
import {signUp, signIn} from '@/api/user'; import {signUp, signIn} from '@/api/user';
import {yyyfUrl} from '@/api/app.js';
export default { export default {
name: 'entry', name: 'entry',
data() { data() {
@ -189,6 +191,7 @@ export default {
remainingTime: 0, remainingTime: 0,
// //
isSubmit: false, isSubmit: false,
newwin: undefined,
}; };
}, },
components: { components: {
@ -245,6 +248,26 @@ export default {
} }
}); });
}, },
winOpen: function() {
if (this.newwin != undefined) {
if (
navigator.userAgent.indexOf('Firefox') != -1 ||
navigator.userAgent.indexOf('Chrome') != -1
) {
this.newwin.location.href = 'about:blank';
this.newwin.close();
} else {
this.newwin.opener = null;
this.newwin.open('', '_self');
this.newwin.close();
}
}
this.newwin = window.open(
'/',
'onlywin',
'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=yes, height=600,width=1100,left=180,top=100'
);
},
closeWindow: function() { closeWindow: function() {
if ( if (
navigator.userAgent.indexOf('Firefox') != -1 || navigator.userAgent.indexOf('Firefox') != -1 ||
@ -298,10 +321,9 @@ export default {
}); });
}, },
goIndex() { goIndex() {
window.open('/', '_blank'); this.winOpen();
}, },
submitExam: function() { submitExam: function() {
debugger;
let self = this; let self = this;
// //
if (!self.isSubmit) { if (!self.isSubmit) {
@ -435,13 +457,13 @@ export default {
let yyyfToken = localStorage.getItem('yyyfToken'); let yyyfToken = localStorage.getItem('yyyfToken');
this.isSubmit = localStorage.getItem('isSubmit') == 'true' ? true : false; this.isSubmit = localStorage.getItem('isSubmit') == 'true' ? true : false;
if (yyyfToken == '' || yyyfToken == undefined) { if (yyyfToken == '' || yyyfToken == undefined) {
this.$alert('未从以渔有方登录,点击确定关闭浏览器', '提示', { this.$alert('未从以渔有方登录,点击确定返回登录', '提示', {
type: 'error', type: 'error',
showClose: false, showClose: false,
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonClass: 'btn-self-style', confirmButtonClass: 'btn-self-style',
callback: () => { callback: () => {
ths.closeWindow(); window.location.href = yyyfUrl;
}, },
}); });
} else { } else {
@ -456,14 +478,17 @@ export default {
.entry-content { .entry-content {
background: url(../images/entry/bg.jpg); background: url(../images/entry/bg.jpg);
background-size: cover; background-size: cover;
.enrty-content__header { .enrty-content__header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.centerNav { .centerNav {
margin-right: 24px; margin-right: 24px;
} }
} }
.entry-btn { .entry-btn {
width: 265px; width: 265px;
height: 30px; height: 30px;
@ -471,6 +496,7 @@ export default {
padding-bottom: 32px; padding-bottom: 32px;
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
cursor: pointer; cursor: pointer;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -479,6 +505,7 @@ export default {
} }
} }
} }
.entry-title { .entry-title {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 20px; font-size: 20px;
@ -491,8 +518,10 @@ export default {
margin: 0; margin: 0;
} }
} }
.paylist { .paylist {
position: relative; position: relative;
&::before { &::before {
content: ''; content: '';
display: block; display: block;
@ -505,6 +534,7 @@ export default {
background-size: cover; background-size: cover;
} }
} }
.usdList { .usdList {
margin: 0 auto; margin: 0 auto;
width: 815px; width: 815px;
@ -521,16 +551,20 @@ export default {
&.wechat { &.wechat {
background-image: url(../images/entry/wechat.png); background-image: url(../images/entry/wechat.png);
} }
&.bank { &.bank {
background-image: url(../images/entry/bank.png); background-image: url(../images/entry/bank.png);
} }
&.alipay { &.alipay {
background-image: url(../images/entry/alipay.png); background-image: url(../images/entry/alipay.png);
} }
a { a {
display: block; display: block;
margin-top: 85px; margin-top: 85px;
} }
p { p {
font-family: NotoSansHans-DemiLight; font-family: NotoSansHans-DemiLight;
font-size: 10px; font-size: 10px;
@ -539,11 +573,13 @@ export default {
letter-spacing: 0px; letter-spacing: 0px;
color: #08c7cf; color: #08c7cf;
margin: 6px 8px; margin: 6px 8px;
&:first-child { &:first-child {
margin-top: 58px; margin-top: 58px;
} }
} }
} }
&.tabs { &.tabs {
color: #fff; color: #fff;
background: url(../images/entry/wallet1.png); background: url(../images/entry/wallet1.png);
@ -552,13 +588,16 @@ export default {
height: 315px; height: 315px;
width: 965px; width: 965px;
padding-top: 145px; padding-top: 145px;
.el-tabs { .el-tabs {
width: 755px; width: 755px;
margin: 60px auto 14px auto; margin: 60px auto 14px auto;
/deep/ .el-tabs__header { /deep/ .el-tabs__header {
margin-bottom: 8px; margin-bottom: 8px;
} }
} }
/DEEP/ .el-tabs__nav { /DEEP/ .el-tabs__nav {
/DEEP/ .el-tabs__item { /DEEP/ .el-tabs__item {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
@ -568,12 +607,14 @@ export default {
line-height: 40px; line-height: 40px;
letter-spacing: 0px; letter-spacing: 0px;
color: #00f5ff; color: #00f5ff;
&.is-active { &.is-active {
color: #00f5ff; color: #00f5ff;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
} }
/DEEP/ .el-tabs__active-bar { /DEEP/ .el-tabs__active-bar {
width: 0 !important; width: 0 !important;
height: 0 !important; height: 0 !important;
@ -584,18 +625,23 @@ export default {
margin-left: 5%; margin-left: 5%;
} }
} }
/DEEP/ .el-tabs__nav-wrap::after { /DEEP/ .el-tabs__nav-wrap::after {
background-color: #00f5ff; background-color: #00f5ff;
} }
.el-tab-pane { .el-tab-pane {
width: 100%; width: 100%;
} }
} }
.tabs-flex { .tabs-flex {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.flex-1 { .flex-1 {
flex: 1; flex: 1;
p { p {
font-family: NotoSansHans-DemiLight; font-family: NotoSansHans-DemiLight;
font-size: 10px; font-size: 10px;

Loading…
Cancel
Save