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

fix

Browse Source
master
yujialong 6 months ago
parent 5e551daa19
commit 657ac91051
5 changed files with 94 additions and 92 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. 4
      src/pages/index/list/index.vue
  2. 4
      src/pages/index/show/index.vue
  3. 6
      src/pages/member/index.vue
  4. 170
      src/pages/publish/index.vue
  5. 2
      src/setting.js

4
src/pages/index/list/index.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<div class="wrap"> <div v-if="modules.length" class="wrap">
<el-carousel class="carousel fadeInUp" :interval="6000" height="354px" <el-carousel class="carousel fadeInUp" :interval="6000" height="354px"
:arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'" :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
:indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
@ -8,7 +8,7 @@
<div class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div> <div class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div>
<div class="text-wrap"> <div class="text-wrap">
<div v-if="!GTA && !i" class="qrcode-wrap"> <div v-if="!GTA && !i" class="qrcode-wrap">
<img class="qrcode" src="https://www.occupationlab.com/images/mini-program.jpg" alt=""> <img class="qrcode" src="https://occupationlab.com/images/mini-program.jpg" alt="">
<p class="text">扫小程序下单</p> <p class="text">扫小程序下单</p>
</div> </div>
<div class="texts"> <div class="texts">

4
src/pages/index/show/index.vue
Unescape View File

@ -58,7 +58,7 @@
<li v-for="(tab, i) in tabs" :key="i" :class="{ active: curTab === tab.id }" @click="tabChange(tab)">{{ <li v-for="(tab, i) in tabs" :key="i" :class="{ active: curTab === tab.id }" @click="tabChange(tab)">{{
tab.name }}</li> tab.name }}</li>
</ul> </ul>
<div class="courses fadeInUp"> <div class="courses">
<div class="des" v-html="form.mall.detailedIntroduction"></div> <div class="des" v-html="form.mall.detailedIntroduction"></div>
<div class="chapter" id="part1" v-for="(item, i) in chapterList" :key="i"> <div class="chapter" id="part1" v-for="(item, i) in chapterList" :key="i">
<div class="chapterName">{{ item.name }}</div> <div class="chapterName">{{ item.name }}</div>
@ -623,7 +623,7 @@ export default {
margin-left: 24px; margin-left: 24px;
&>h6 { &>h6 {
font-size: 14px; font-size: 16px;
color: #0b1d30; color: #0b1d30;
} }
} }

6
src/pages/member/index.vue
Unescape View File

@ -148,7 +148,7 @@ export default {
.reg { .reg {
padding-bottom: 50px; padding-bottom: 50px;
background: url(https://www.occupationlab.com/images/member/1.jpg) 0 0/100% 605px no-repeat; background: url(https://occupationlab.com/images/member/1.jpg) 0 0/100% 605px no-repeat;
.equity-wrap { .equity-wrap {
width: 1000px; width: 1000px;
@ -161,7 +161,7 @@ export default {
} }
.equity { .equity {
background: url(https://www.occupationlab.com/images/member/2.jpg) 0 0/100% 100% no-repeat; background: url(https://occupationlab.com/images/member/2.jpg) 0 0/100% 100% no-repeat;
background-color: #111d42; background-color: #111d42;
border-radius: 24px 18px 18px 18px; border-radius: 24px 18px 18px 18px;
box-shadow: 0 0 20px 4px rgba(0, 16, 42, 0.3); box-shadow: 0 0 20px 4px rgba(0, 16, 42, 0.3);
@ -211,7 +211,7 @@ export default {
left: -34px; left: -34px;
width: 24px; width: 24px;
height: 24px; height: 24px;
background: url(https://www.occupationlab.com/images/member/3.png) 0 0/100% 100% no-repeat; background: url(https://occupationlab.com/images/member/3.png) 0 0/100% 100% no-repeat;
} }
} }
} }

170
src/pages/publish/index.vue
Unescape View File

@ -1,11 +1,7 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div v-if="info.columnBanner" <div v-if="info.columnBanner" class="banner">
class="banner"> <img width="100%" height="280" :src="info.columnBanner" alt="">
<img width="100%"
height="280"
:src="info.columnBanner"
alt="">
<div class="texts"> <div class="texts">
<p class="text">{{ info.columnName }}</p> <p class="text">{{ info.columnName }}</p>
<p class="sub">{{ info.subtitle }}</p> <p class="sub">{{ info.subtitle }}</p>
@ -14,23 +10,15 @@
<div class="inner"> <div class="inner">
<ul class="tabs"> <ul class="tabs">
<li v-for="(item, i) in tabs" <li v-for="(item, i) in tabs" :key="i" :class="{ active: active === i }" @click="tabChange(i)">{{ item }}</li>
:key="i"
:class="{active: active === i}"
@click="tabChange(i)">{{ item }}</li>
</ul> </ul>
<ul class="list"> <ul class="list">
<li v-for="(item, i) in list" <li v-for="(item, i) in list" :key="i" @click="toArtice(item)">
:key="i" <img class="pic" :src="item.titleImg" alt="">
@click="toArtice(item)">
<img class="pic"
:src="item.titleImg"
alt="">
<div class="texts"> <div class="texts">
<h6>{{ item.title }}</h6> <h6>{{ item.title }}</h6>
<div v-html="item.quote" <div v-html="item.quote" class="des"></div>
class="des"></div>
</div> </div>
</li> </li>
</ul> </ul>
@ -87,81 +75,95 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap { .wrap {
background: #f8f9fb; background: #f8f9fb;
} }
.banner { .banner {
position: relative; position: relative;
height: 280px; height: 280px;
color: #fff; color: #fff;
.texts {
position: absolute; .texts {
top: 80px; position: absolute;
left: 243px; top: 80px;
} left: 243px;
.text { }
font-size: 48px;
font-weight: 600; .text {
@include ellipsis; font-size: 48px;
} font-weight: 600;
.sub { @include ellipsis;
margin-top: 10px; }
font-size: 28px;
} .sub {
margin-top: 10px;
font-size: 28px;
}
} }
.inner { .inner {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
} }
.tabs { .tabs {
position: relative; position: relative;
display: flex; display: flex;
margin-top: -64px; margin-top: -64px;
li {
width: 174px; li {
line-height: 64px; width: 174px;
text-align: center; line-height: 64px;
font-size: 18px; text-align: center;
font-family: PingFangSC-Medium, PingFang SC; font-size: 18px;
font-weight: 500; font-family: PingFangSC-Medium, PingFang SC;
color: #333333; font-weight: 500;
background-color: #fff; color: #333333;
cursor: pointer; background-color: #fff;
&.active { cursor: pointer;
color: #fff;
background-color: #1583ff; &.active {
} color: #fff;
background-color: #1583ff;
} }
}
} }
.list { .list {
padding: 0 30px 50px; padding: 0 30px 50px;
background: #fff; background: #fff;
li {
display: flex; li {
align-items: center; display: flex;
padding: 28px 0; align-items: center;
border-bottom: 1px solid #ddd; padding: 28px 0;
cursor: pointer; border-bottom: 1px solid #ddd;
&:last-child { cursor: pointer;
border-bottom: 0;
} &:last-child {
} border-bottom: 0;
.pic {
width: 90px;
height: 122px;
margin-right: 20px;
}
h6 {
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #1583ff;
cursor: pointer;
}
.des {
margin-top: 15px;
font-size: 16px;
color: #666;
line-height: 26px;
} }
}
.pic {
width: 90px;
height: 122px;
margin-right: 20px;
}
h6 {
font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #1583ff;
cursor: pointer;
}
.des {
margin-top: 15px;
font-size: 16px;
color: #666;
line-height: 26px;
}
} }
</style> </style>

2
src/setting.js
Unescape View File

@ -18,7 +18,7 @@ const Setting = {
titleSuffix: '深圳或然科技官网', // 网页标题的后缀 titleSuffix: '深圳或然科技官网', // 网页标题的后缀
routerMode: "hash", // 路由模式，可选值为 history 或 hash routerMode: "hash", // 路由模式，可选值为 history 或 hash
apiBaseURL: host, // 接口请求地址 apiBaseURL: host, // 接口请求地址
huoranApi: `https://www.occupationlab.com`, huoranApi: `https://occupationlab.com`,
autoLogoutTime: 3600000, // 长时间未操作，自动退出登录时间 autoLogoutTime: 3600000, // 长时间未操作，自动退出登录时间
modalDuration: 3, // 接口请求返回错误时，弹窗的持续时间，单位：秒 modalDuration: 3, // 接口请求返回错误时，弹窗的持续时间，单位：秒
errorModalType: "Message", // 接口请求返回错误时，弹窗的类型，可选值为 Message 或 Notice errorModalType: "Message", // 接口请求返回错误时，弹窗的类型，可选值为 Message 或 Notice

Write Preview
Loading…
Cancel
Save