fix(entry):修改图片大小

master
kalel ma 4 years ago
parent 7c8e98773a
commit 2ec42a85a0
  1. 68
      src/components/common/header.vue
  2. BIN
      src/images/entry/alipay1.png
  3. BIN
      src/images/entry/bank.png
  4. BIN
      src/images/entry/bg.jpg
  5. BIN
      src/images/entry/bg.png
  6. BIN
      src/images/entry/wallet.png
  7. BIN
      src/images/entry/wallet1.png
  8. 18
      src/pages/entry.vue

@ -3,9 +3,8 @@
<header class="nav-header"> <header class="nav-header">
<!-- 左侧 nav --> <!-- 左侧 nav -->
<div class="leftNav"> <div class="leftNav">
<a class="logoBox" href="/"> <a class="logoBox" href="javascript:history.go(-1);">
<img src="../../assets/logo.png" alt /> <el-button type="info" @click="submitExam">&lt; 返回</el-button>
<h2 class="mainTitle">{{ $t('nav.menu_name') }}</h2>
</a> </a>
<ul class="nav-menu"> <ul class="nav-menu">
<!-- menu --> <!-- menu -->
@ -20,23 +19,16 @@
</template> </template>
</ul> </ul>
</div> </div>
<div class="centerNav">
<el-button
type="success"
v-if="reqType != 2 && !isSubmit"
@click="submitExam"
>提交</el-button
>
<el-button type="danger" v-if="reqType == 1" @click="reStartTest"
>重新开始</el-button
>
</div>
<!-- 右侧 nav --> <!-- 右侧 nav -->
<div class="rightNav" :style="{width: rightNavWidth}"> <div class="rightNav" :style="{width: rightNavWidth}">
<ul class="nav-menu"> <ul class="nav-menu">
<!-- menu --> <!-- menu -->
<template v-for="m in menuRight"> <template v-for="m in menuRight">
<li :key="m.$index" class="menu-item" v-if="userData != '' && userData != undefined"> <li
:key="m.$index"
class="menu-item"
v-if="userData != '' && userData != undefined"
>
<a <a
:class="perUrl === m.link.split('/')[1] ? 'navColor' : ''" :class="perUrl === m.link.split('/')[1] ? 'navColor' : ''"
v-t="m.t" v-t="m.t"
@ -63,12 +55,19 @@
slot="dropdown" slot="dropdown"
class="exRateDropdown" class="exRateDropdown"
> >
<el-dropdown-item v-for="items in exRate.list" :key="items.id" :command="items.id"> <el-dropdown-item
v-for="items in exRate.list"
:key="items.id"
:command="items.id"
>
<div <div
class="dropdown-menu-item-inner" class="dropdown-menu-item-inner"
:class="[{'is-active': exRate.current === items}]" :class="[{'is-active': exRate.current === items}]"
> >
<i class="menu-item-icon el-icon-check" v-if="exRate.current === items"></i> <i
class="menu-item-icon el-icon-check"
v-if="exRate.current === items"
></i>
<span class="menu-item-text">{{ $t(items.name) }}</span> <span class="menu-item-text">{{ $t(items.name) }}</span>
</div> </div>
</el-dropdown-item> </el-dropdown-item>
@ -94,12 +93,19 @@
slot="dropdown" slot="dropdown"
class="langDropdown" class="langDropdown"
> >
<el-dropdown-item v-for="item in lang.list" :key="item.lang" :command="item.lang"> <el-dropdown-item
v-for="item in lang.list"
:key="item.lang"
:command="item.lang"
>
<div <div
class="dropdown-menu-item-inner" class="dropdown-menu-item-inner"
:class="[{'is-active': lang.current === item}]" :class="[{'is-active': lang.current === item}]"
> >
<i class="menu-item-icon el-icon-check" v-if="lang.current === item"></i> <i
class="menu-item-icon el-icon-check"
v-if="lang.current === item"
></i>
<span class="menu-item-text">{{ item.name }}</span> <span class="menu-item-text">{{ item.name }}</span>
</div> </div>
</el-dropdown-item> </el-dropdown-item>
@ -125,20 +131,27 @@
<!-- 注册按钮 --> <!-- 注册按钮 -->
<li class="menu-item" v-if="userData == '' || userData == undefined"> <li class="menu-item" v-if="userData == '' || userData == undefined">
<a :href="'/login?perUrl=' + perUrl + '#/signUp'" class="registered"> <a
:href="'/login?perUrl=' + perUrl + '#/signUp'"
class="registered"
>
<span>{{ $t('login.signUp.btn') }}</span> <span>{{ $t('login.signUp.btn') }}</span>
</a> </a>
</li> </li>
<!-- 用户手机号码 --> <!-- 用户手机号码 -->
<li class="menu-item" v-if="userData != '' && userData != undefined"> <li class="menu-item" v-if="userData != '' && userData != undefined">
<el-dropdown @command="switchPage" trigger="click" class="menu-item-inner nav-dropdown"> <el-dropdown
@command="switchPage"
trigger="click"
class="menu-item-inner nav-dropdown"
>
<span class="dropdown-link"> <span class="dropdown-link">
<span> <span>
{{ {{
userData.mobilePhone.replace( userData.mobilePhone.replace(
/^(\d{3})\d*(\d{4})$/, /^(\d{3})\d*(\d{4})$/,
'$1****$2' '$1****$2'
) )
}} }}
</span> </span>
<i class="el-icon-arrow-down el-icon--right"></i> <i class="el-icon-arrow-down el-icon--right"></i>
@ -187,8 +200,9 @@
<br /> <br />
<p v-if="showCounting"> <p v-if="showCounting">
<span>{{ hour }}</span <span>{{ hour }}</span
>&nbsp;:&nbsp;<span>{{ mins }}</span >&nbsp;:&nbsp; <span>{{ mins }}</span
>&nbsp;:&nbsp;<span>{{ sec }}</span> >&nbsp;:&nbsp;
<span>{{ sec }}</span>
</p> </p>
</div> </div>
</div> </div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 MiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 MiB

After

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 561 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 MiB

After

Width:  |  Height:  |  Size: 39 KiB

@ -1,8 +1,13 @@
<template> <template>
<div class="entry-wrapper"> <div class="entry-wrapper">
<nav-header border-style="full"></nav-header>
<div class="entry-content"> <div class="entry-content">
<p class="entry-title">区块链金融交易所实训系统</p> <div class="enrty-content__header">
<p class="entry-title">区块链金融交易所实训系统</p>
<div class="centerNav">
<el-button type="success" @click="submitExam">提交</el-button>
<el-button type="danger" @click="reStartTest">重新开始</el-button>
</div>
</div>
<div class="usdList paylist"> <div class="usdList paylist">
<div class="usdItem wechat"> <div class="usdItem wechat">
<!-- 跳转到交易中心,携带交易对 --> <!-- 跳转到交易中心,携带交易对 -->
@ -160,7 +165,6 @@
</el-tabs> </el-tabs>
</div>--> </div>-->
</div> </div>
<Footer />
</div> </div>
</template> </template>
@ -268,6 +272,14 @@ 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 {
display: flex;
justify-content: space-between;
align-items: center;
.centerNav {
margin-right: 24px;
}
}
.entry-btn { .entry-btn {
width: 265px; width: 265px;
height: 30px; height: 30px;

Loading…
Cancel
Save