yujialong 4 months ago
parent 9487b181b2
commit 3d2ee869be
  1. 8
      src/layouts/header/index.vue
  2. 2
      src/libs/util.js
  3. 60
      src/pages/shop/list/index.vue
  4. 2
      src/setting.js

@ -2,7 +2,7 @@
<div :class="['header', { channel: isHome, estate: isEstate, iasf: isIasf }]"> <div :class="['header', { channel: isHome, estate: isEstate, iasf: isIasf }]">
<a class="logo" @click="toIndex"> <a class="logo" @click="toIndex">
<template> <template>
<img :src="logoForm.logoUrl" alt=""> <img :src="isHome && logoForm.whiteUrl ? logoForm.whiteUrl : logoForm.logoUrl" alt="">
{{ logoForm.title }} {{ logoForm.title }}
</template> </template>
</a> </a>
@ -225,6 +225,10 @@ $height: 90px;
&:not(.channel) { &:not(.channel) {
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3;
.logo {
color: #333;
}
} }
&.estate { &.estate {
@ -236,7 +240,7 @@ $height: 90px;
align-items: center; align-items: center;
font-size: 18px; font-size: 18px;
font-weight: 700; font-weight: 700;
color: #333; color: #fff;
cursor: pointer; cursor: pointer;
img { img {

@ -11,7 +11,7 @@ const exts = {
doc: 'doc,docx,txt,xls,xlsx,csv,xml,ppt,pptx' doc: 'doc,docx,txt,xls,xlsx,csv,xml,ppt,pptx'
} }
// 各个站点首页的路径 // 各个站点首页的路径
const indexPath = ['/home', '/sfel', '/estate/index'] const indexPath = ['/home', '/sfel', '/estate/index', '/iasf']
const util = { const util = {
local: _local, local: _local,
//返回格式化时间,传参例如:"yyyy-MM-dd hh:mm:ss" //返回格式化时间,传参例如:"yyyy-MM-dd hh:mm:ss"

@ -6,16 +6,23 @@
:indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'"> :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
<template v-for="(item, i) in modules[0].list"> <template v-for="(item, i) in modules[0].list">
<el-carousel-item v-if="item.pic && item.isEnable" :key="i"> <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
<div class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div> <div v-if="isImg(item.mediaType)" class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div>
<video v-else class="pic" width="100%" height="100%" autoplay muted loop>
<source :src="item.pic" type="video/mp4">
您的浏览器不支持 video 标签
</video>
<div class="text-wrap"> <div class="text-wrap">
<div v-if="!GTA && !i" class="qrcode-wrap"> <div class="qrcodes fadeInUp">
<img class="qrcode" src="https://occupationlab.com/images/mini-program.jpg" alt=""> <div v-if="item.weixinPic1" class="qrcode">
<p class="text">扫小程序下单</p> <img width="103" :src="item.weixinPic1" alt="">
</div> <p v-if="item.weixinText1" class="text">{{ item.weixinText1 }}</p>
<div class="texts"> </div>
<h6>{{ item.title }}</h6> <div v-if="item.weixinPic2" class="qrcode m-l-30">
<p class="sub">{{ item.des }}</p> <img width="103" :src="item.weixinPic2" alt="">
<p v-if="item.weixinText2" class="text">{{ item.weixinText2 }}</p>
</div>
</div> </div>
<div class="text" v-html="item.des"></div>
</div> </div>
</el-carousel-item> </el-carousel-item>
</template> </template>
@ -186,10 +193,12 @@
import mixins from '@/mixins/page' import mixins from '@/mixins/page'
import { Loading } from "element-ui"; import { Loading } from "element-ui";
import ScrollReveal from 'scrollreveal' import ScrollReveal from 'scrollreveal'
import Util from '@/libs/util'
export default { export default {
mixins: [mixins], mixins: [mixins],
data () { data () {
return { return {
isImg: Util.isImg,
timer: null, timer: null,
curTab: '', curTab: '',
tabs: [ tabs: [
@ -520,12 +529,9 @@ export default {
.carousel { .carousel {
.pic { .pic {
height: 100%; height: 100%;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover;
}
img {
height: 100%;
} }
/deep/.el-carousel__container { /deep/.el-carousel__container {
@ -542,36 +548,24 @@ export default {
transform: translateY(-50%); transform: translateY(-50%);
} }
h6 { .qrcodes {
margin-bottom: 25px; display: flex;
font-size: 2.2rem; margin-right: 50px;
}
.sub {
font-size: 1.5rem;
} }
.qrcode-wrap { .qrcode {
display: inline-block;
padding: 5px;
margin-right: 50px;
text-align: center; text-align: center;
background-color: #fff;
border-radius: 12px;
.text { .text {
margin-top: 5px; margin-top: 10px;
font-size: 12px; font-size: 12px;
color: #979797; color: #fff;
white-space: nowrap;
} }
} }
.qrcode {
width: 120px;
height: 120px;
}
} }
.intro { .intro {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

@ -17,7 +17,7 @@ const Setting = {
titleSuffix: location.href.includes('eduvessel') ? '慧教云舟' : '职站商城', // 网页标题的后缀 titleSuffix: location.href.includes('eduvessel') ? '慧教云舟' : '职站商城', // 网页标题的后缀
routerMode: "hash", // 路由模式,可选值为 history 或 hash routerMode: "hash", // 路由模式,可选值为 history 或 hash
apiBaseURL: host, // 接口请求地址 apiBaseURL: host, // 接口请求地址
huoranApi: `https://occupationlab.com`, huoranApi: `https://www.occupationlab.com`,
autoLogoutTime: 3600000, // 长时间未操作,自动退出登录时间 autoLogoutTime: 3600000, // 长时间未操作,自动退出登录时间
modalDuration: 3, // 接口请求返回错误时,弹窗的持续时间,单位:秒 modalDuration: 3, // 接口请求返回错误时,弹窗的持续时间,单位:秒
errorModalType: "Message", // 接口请求返回错误时,弹窗的类型,可选值为 Message 或 Notice errorModalType: "Message", // 接口请求返回错误时,弹窗的类型,可选值为 Message 或 Notice

Loading…
Cancel
Save