yujialong 5 months ago
parent 5e551daa19
commit 657ac91051
  1. 4
      src/pages/index/list/index.vue
  2. 4
      src/pages/index/show/index.vue
  3. 6
      src/pages/member/index.vue
  4. 38
      src/pages/publish/index.vue
  5. 2
      src/setting.js

@ -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">

@ -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;
} }
} }

@ -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;
} }
} }
} }

@ -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>
@ -89,33 +77,40 @@ export default {
.wrap { .wrap {
background: #f8f9fb; background: #f8f9fb;
} }
.banner { .banner {
position: relative; position: relative;
height: 280px; height: 280px;
color: #fff; color: #fff;
.texts { .texts {
position: absolute; position: absolute;
top: 80px; top: 80px;
left: 243px; left: 243px;
} }
.text { .text {
font-size: 48px; font-size: 48px;
font-weight: 600; font-weight: 600;
@include ellipsis; @include ellipsis;
} }
.sub { .sub {
margin-top: 10px; margin-top: 10px;
font-size: 28px; 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 { li {
width: 174px; width: 174px;
line-height: 64px; line-height: 64px;
@ -126,30 +121,36 @@ export default {
color: #333333; color: #333333;
background-color: #fff; background-color: #fff;
cursor: pointer; cursor: pointer;
&.active { &.active {
color: #fff; color: #fff;
background-color: #1583ff; background-color: #1583ff;
} }
} }
} }
.list { .list {
padding: 0 30px 50px; padding: 0 30px 50px;
background: #fff; background: #fff;
li { li {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 28px 0; padding: 28px 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
cursor: pointer; cursor: pointer;
&:last-child { &:last-child {
border-bottom: 0; border-bottom: 0;
} }
} }
.pic { .pic {
width: 90px; width: 90px;
height: 122px; height: 122px;
margin-right: 20px; margin-right: 20px;
} }
h6 { h6 {
font-size: 20px; font-size: 20px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
@ -157,6 +158,7 @@ export default {
color: #1583ff; color: #1583ff;
cursor: pointer; cursor: pointer;
} }
.des { .des {
margin-top: 15px; margin-top: 15px;
font-size: 16px; font-size: 16px;

@ -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

Loading…
Cancel
Save