huoran
/
FE_huoran_client
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

Browse Source
master
yujialong 2 months ago
parent fdbaf562c3
commit affb4d4770
3 changed files with 180 additions and 165 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/pages/iasf/index.vue
  2. 342
      src/pages/talentCentre/index.vue
  3. 2
      src/setting.js

1
src/pages/iasf/index.vue
Unescape View File

@ -1045,6 +1045,7 @@ $bannerMh: 800px;
text-align: justify;
line-height: 1.6;
color: #333;
@include mul-ellipsis(8);
}
}

342
src/pages/talentCentre/index.vue
Unescape View File

@ -2,9 +2,7 @@
<!-- 人才中心 -->
<div class="wrap">
<div class="single-banner single-banner-overview">
<img class="banner-img"
:src="modules[0].form.pic"
alt="">
<img class="banner-img" :src="modules[0].form.pic" alt="">
<div class="texts">
<h6 class="banner-title">{{ modules[0].form.title }}</h6>
</div>
@ -13,60 +11,38 @@
<div class="article">
<div class="left">
<h6 class="talent-title">{{ modules[1].form.title }}</h6>
<div class="talent-text"
v-html="modules[1].form.des"></div>
<div class="talent-text" v-html="modules[1].form.des"></div>
<ul class="people">
<li>
<img class="pic"
:src="modules[2].form.pic"
alt="">
<img class="pic" :src="modules[2].form.pic" alt="">
<div class="texts">
<h6>{{ modules[2].form.title }}</h6>
<div class="line"></div>
<div class="text"
v-html="modules[2].form.des"></div>
<img v-if="isLink(modules[2].form.link.linkName)"
class="arrow"
src="@/assets/images/arrow.png"
alt=""
@click="openLink(modules[2].form)">
<div class="text" v-html="modules[2].form.des"></div>
<img v-if="isLink(modules[2].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
@click="openLink(modules[2].form)">
</div>
</li>
<li>
<img class="pic"
:src="modules[3].form.pic"
alt="">
<img class="pic" :src="modules[3].form.pic" alt="">
<div class="texts">
<h6>{{ modules[3].form.title }}</h6>
<div class="line"></div>
<div class="text"
v-html="modules[3].form.des"></div>
<img v-if="isLink(modules[3].form.link.linkName)"
class="arrow"
src="@/assets/images/arrow.png"
alt=""
@click="openLink(modules[3].form)">
<div class="text" v-html="modules[3].form.des"></div>
<img v-if="isLink(modules[3].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
@click="openLink(modules[3].form)">
</div>
</li>
</ul>
</div>
<div class="right">
<el-tree class="column"
ref="column"
:data="modules[4].list"
highlight-current
:expand-on-click-node="false"
:props="defaultProps"
node-key="id"
@node-click="columnClick"></el-tree>
<el-tree class="column" ref="column" :data="modules[4].list" highlight-current :expand-on-click-node="false"
:props="defaultProps" node-key="id" @node-click="columnClick"></el-tree>
<p class="l-title">人才资讯</p>
<ul class="list">
<li v-for="(item, i) in articles"
:key="i"
:title="item.title"
@click="toArtice(item)">
<li v-for="(item, i) in articles" :key="i" :title="item.title" @click="toArtice(item)">
<p class="text">{{ item.title }}</p>
<span class="date">{{ item.releaseTime }}</span>
</li>
@ -161,159 +137,197 @@ export default {
<style lang="scss" scoped>
@import url(../../plugins/wow/animate.css);
@import '../../styles/page/page.scss';
.wrap {
background-color: #fff;
background-color: #fff;
}
.content {
width: 1200px;
width: 1200px;
}
.article {
display: flex;
justify-content: space-between;
.left {
width: 75%;
.talent-title {
padding-bottom: 10px;
font-size: 1.2rem;
color: #666;
border-bottom: 1px solid #eaeef2;
}
.talent-text {
margin: 20px 0;
font-size: 1.1rem;
color: #333;
line-height: 28px;
p {
margin-bottom: 20px;
}
}
display: flex;
justify-content: space-between;
.left {
width: 75%;
.talent-title {
padding-bottom: 10px;
font-size: 1.2rem;
color: #666;
border-bottom: 1px solid #eaeef2;
}
.people {
margin-top: 4rem;
li {
position: relative;
height: 433px;
margin-bottom: 2rem;
&:nth-child(even) {
.texts {
left: 50px;
right: auto;
}
}
}
.talent-text {
margin: 20px 0;
font-size: 1.1rem;
color: #333;
line-height: 28px;
p {
margin-bottom: 20px;
}
}
}
.people {
margin-top: 4rem;
li {
display: flex;
align-items: center;
height: 433px;
margin-bottom: 2rem;
&:nth-child(even) {
flex-direction: row-reverse;
.pic {
width: 100%;
height: 100%;
object-fit: cover;
margin-left: -50px;
}
.texts {
position: absolute;
top: 60px;
right: 50px;
width: 380px;
padding: 50px 25px;
background: rgba(243, 251, 255, 0.82);
}
h6 {
font-size: 1.2rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #2a4b65;
}
.line {
width: 93px;
height: 1px;
margin: 1rem 0;
background: #3e6473;
}
.text {
margin-bottom: 1rem;
font-size: 1rem;
font-family: PingFangSC-Regular, PingFang SC;
color: #2a4b65;
line-height: 1.6;
margin-left: 0;
}
}
}
.right {
width: 20%;
.pic {
width: 55%;
height: 100%;
object-fit: cover;
}
.column {
width: 100%;
margin-bottom: 25px;
.texts {
position: relative;
width: 380px;
padding: 50px 25px;
margin-left: -50px;
background: rgba(243, 251, 255, 0.82);
}
/deep/.el-tree-node__content {
height: 44px;
background-color: #e5edf8;
border-bottom: 2px solid #fff;
h6 {
font-size: 1.2rem;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #2a4b65;
}
/deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
color: #fff;
background-color: #0f5698;
.line {
width: 93px;
height: 1px;
margin: 1rem 0;
background: #3e6473;
}
.list {
margin-bottom: 20px;
li {
padding: 16px 0;
border-bottom: 1px solid #d8d8d8;
}
.text {
margin-bottom: 5px;
font-size: 14px;
cursor: pointer;
&:hover {
color: $main-color;
}
}
.date {
font-size: 12px;
color: #999;
}
.text {
margin-bottom: 1rem;
font-size: 1rem;
font-family: PingFangSC-Regular, PingFang SC;
color: #2a4b65;
line-height: 1.6;
}
}
.right {
width: 20%;
}
.column {
width: 100%;
margin-bottom: 25px;
}
/deep/.el-tree-node__content {
height: 44px;
background-color: #e5edf8;
border-bottom: 2px solid #fff;
}
/deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
color: #fff;
background-color: #0f5698;
}
.list {
margin-bottom: 20px;
li {
padding: 16px 0;
border-bottom: 1px solid #d8d8d8;
}
.text {
margin-bottom: 5px;
font-size: 14px;
cursor: pointer;
&:hover {
color: $main-color;
}
}
.date {
font-size: 12px;
color: #999;
}
}
}
@media (max-width: 1200px) {
.content {
width: 90%;
}
.article {
flex-direction: column;
.left {
.content {
width: 90%;
}
.article {
flex-direction: column;
.left {
width: 100%;
.recruit {
li {
flex-direction: column;
.pic {
width: 100%;
.recruit {
li {
flex-direction: column;
.pic {
width: 100%;
}
.texts {
margin-top: 0.8rem;
}
}
}
.notice {
flex-direction: column;
li {
width: 100%;
}
}
}
.texts {
margin-top: 0.8rem;
}
}
.right {
width: 100%;
}
.notice {
flex-direction: column;
li {
width: 100%;
}
}
}
.right {
width: 100%;
}
}
}
@media (max-width: 480px) {
.article {
.left {
.people {
li {
.texts {
left: 10px;
right: auto;
}
}
}
.article {
.left {
.people {
li {
.texts {
left: 10px;
right: auto;
}
}
}
}
}
}
</style>

2
src/setting.js
Unescape View File

@ -7,7 +7,7 @@ const isGta = url.includes('139.159.254.212'); // 国泰安
let host = `${location.origin}/`
if (isDev) {
host = 'http://192.168.31.217:10000/'
// host = 'https://huorantech.com'
host = 'https://huorantech.com'
}
const Setting = {

Write Preview
Loading…
Cancel
Save