yujialong 1 year ago
parent dae45d09d9
commit ae5ceff518
  1. 13
      public/index.html
  2. BIN
      src/assets/images/about/site.png
  3. BIN
      src/assets/images/contact-info.png
  4. BIN
      src/assets/images/index/customer.png
  5. BIN
      src/assets/images/index/qywechat.png
  6. BIN
      src/assets/images/occupationlab.png
  7. BIN
      src/assets/images/user.png
  8. 50
      src/layouts/header/index.vue
  9. 29
      src/pages/aboutUs/index.vue
  10. 35
      src/pages/index/list/index.vue
  11. 27
      src/pages/member/index.vue
  12. 38
      src/pages/supplier/index.vue
  13. 2
      src/router/modules/aboutUs.js
  14. 2
      src/router/modules/index.js
  15. 2
      src/router/modules/member.js
  16. 2
      src/router/modules/supplier.js
  17. 2
      src/setting.js

@ -3,11 +3,20 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="深圳或然科技官网,深圳或然科技,或然科技,教育产业互联网,金融科技,实训软件,虚拟仿真" />
<meta name="keywords" content="职站商城,深圳或然科技,或然科技,教育产业互联网,金融科技,实训软件,虚拟仿真" />
<meta name="description" content="致力于成为教育产业数字化的推动者,成就百万教育产业数字化的创业者" />
<meta name="baidu-site-verification" content="code-TRfXe8xIkJ" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>深圳或然科技官网</title>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement('script');
hm.src = 'https://hm.baidu.com/hm.js?618b4852e941227d703fcc9a512577ab';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<title>职站商城</title>
</head>
<body>
<noscript>

Binary file not shown.

After

Width:  |  Height:  |  Size: 696 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 205 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 834 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 B

@ -13,7 +13,14 @@
:isEstate.sync="isEstate"
:isIasf.sync="isIasf"
@showMoreBtns="updateBtnsType"></navbar>
<div class="tools"></div>
<div class="tools">
<div class="login"
@click="qrcodeVisible = true">
<img src="@/assets/images/user.png"
alt="">
<span>注册登录</span>
</div>
</div>
</template>
<!-- 手机端 -->
<template v-else>
@ -28,6 +35,20 @@
</div>
</template>
<el-dialog title=""
:visible.sync="qrcodeVisible"
width="500px"
center
:top="qrcodeTop"
append-to-body
custom-class="qrcode-dia">
<div>
<img width="100%"
src="@/assets/images/occupationlab.png"
alt="">
</div>
</el-dialog>
</div>
</template>
<script>
@ -46,7 +67,9 @@ export default {
title: '',
searchTimer: null,
modelType: false,
navShow: true
navShow: true,
qrcodeVisible: false,
qrcodeTop: '100px'
};
},
components: {
@ -75,6 +98,8 @@ export default {
window.removeEventListener('scroll', this.handleScroll)
},
mounted () {
const height = (window.innerHeight - 758) / 2
this.qrcodeTop = (height > 0 ? height : 0) + 'px'
this.setKeyword('')
window.addEventListener('scroll', this.handleScroll) //
},
@ -180,8 +205,18 @@ $height: 90px;
}
}
.tools {
img {
.login {
display: inline-flex;
align-items: center;
cursor: pointer;
&:hover {
opacity: 0.9;
}
span {
margin-left: 5px;
color: #666;
font-size: 14px;
}
}
}
.search {
@ -254,6 +289,15 @@ $height: 90px;
top: 0;
}
}
/deep/.qrcode-dia {
.el-dialog__header,
.el-dialog__body {
padding: 0;
}
.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
}
@media (max-width: 1660px) {
.header {
.logo {

@ -34,18 +34,18 @@
<h6 class="i-title wow fadeInDown">企业文化</h6>
<p class="en">CORPORATE CULTURE</p>
<ul class="list">
<li class="wow fadeInRight"
data-wow-delay="0.8s">
<img src="@/assets/images/about/about5.png"
alt="">
<h6>愿景</h6>
<p class="text">成就百万教育产业数字化的创业者</p>
</li>
<li class="wow fadeInDown"
data-wow-delay="0.5s">
<img src="@/assets/images/about/about4.png"
alt="">
<h6>使命</h6>
<p class="text">成就百万教育产业数字化的创业者</p>
</li>
<li class="wow fadeInRight"
data-wow-delay="0.8s">
<img src="@/assets/images/about/about5.png"
alt="">
<h6>愿景</h6>
<p class="text">成为教育产业数字化的推动者</p>
</li>
<li class="wow fadeInUp"
@ -207,13 +207,13 @@
<div class="item">
<div class="line">
<img class="icon"
src="@/assets/images/about/address.png"
src="@/assets/images/about/site.png"
alt="">
公司电话0755-28109829
公司官网www.huorantech.com
</div>
<div class="line">
<img class="icon"
src="@/assets/images/about/tel.png"
src="@/assets/images/about/address.png"
alt="">
地址广东省深圳市南山区粤海街道海天二路盈峰中心2101
</div>
@ -1232,4 +1232,13 @@ export default {
}
}
}
@media (max-width: 640px) {
.wrap {
.banner {
.text {
max-width: 80%;
}
}
}
}
</style>

@ -146,13 +146,6 @@
@click="filterChange(item.typeId, 'productType')">{{ item.typeName }}</dd>
</div>
</dl>
<dl>
<dt>购买状态</dt>
<dd v-for="(item, i) in status"
:key="i"
:class="{active: form.purchaseStatus === item.id}"
@click="filterChange(item.id, 'purchaseStatus')">{{ item.name }}</dd>
</dl>
</div>
<div class="filter m-t-20">
@ -234,6 +227,12 @@
</div>
</div>
</div>
<div class="copyright">
<!-- <span>© Copyright 2021 Occupation Lab 职站</span> -->
<a href="https://beian.miit.gov.cn/#/Integrated/index"
target="_blank">粤ICP备20072679号</a>
</div>
</div>
</template>
@ -274,7 +273,6 @@ export default {
hotTag: 1,
productType: '',
productName: '',
purchaseStatus: '',
sort: 0,
tagId: '',
productClassification: '',
@ -618,7 +616,7 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
padding: 43px 0;
padding: 20px 0;
background-color: #fff;
li {
display: inline-flex;
@ -933,6 +931,25 @@ export default {
}
}
}
.copyright {
padding: 10px 0;
font-size: 12px;
text-align: center;
line-height: 17px;
background-color: #0f1d2e;
span {
margin-right: 20px;
color: #757f8a;
}
a {
color: #757f8a;
font-size: 12px;
&:hover {
color: #c7c7c7;
}
}
}
@media (max-width: 1200px) {
.wrap {
.carousel {

@ -87,7 +87,7 @@ export default {
padding-bottom: 50px;
background: url(https://www.occupationlab.com/images/member/1.jpg) 0 0/100% 605px no-repeat;
.equity-wrap {
width: 1190px;
width: 1000px;
padding-top: 20px;
margin: 0 auto;
}
@ -95,8 +95,6 @@ export default {
width: 150px;
}
.equity {
min-height: 614px;
margin-top: 20px;
background: url(https://www.occupationlab.com/images/member/2.jpg) 0 0/100% 100% no-repeat;
background-color: #111d42;
border-radius: 24px 18px 18px 18px;
@ -105,7 +103,7 @@ export default {
}
h6 {
position: relative;
margin: 60px 0 55px;
margin: 30px 0;
font-size: 2rem;
font-weight: 600;
text-align: center;
@ -129,7 +127,7 @@ export default {
.step {
display: flex;
justify-content: space-between;
padding: 0 160px 0 200px;
padding: 0 80px 0 100px;
li {
position: relative;
font-size: 1.1rem;
@ -155,10 +153,10 @@ export default {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 180px;
padding: 0 100px;
li {
width: 33.33%;
padding: 20px 30px;
padding: 10px 20px;
text-align: center;
.name {
margin: 10px 0 10px;
@ -175,8 +173,8 @@ export default {
.btn {
width: 400px;
height: 72px;
margin: 30px auto 50px;
font-size: 24px;
margin: 30px auto;
font-size: 1.4rem;
color: #13192e;
font-weight: 600;
line-height: 72px;
@ -201,6 +199,9 @@ export default {
}
@media (max-width: 1200px) {
.reg {
h6 {
margin: 20px 0;
}
.equity-wrap {
width: 90%;
.equity {
@ -212,12 +213,16 @@ export default {
padding: 0 30px 0 50px;
li {
width: 50%;
padding: 0;
&:first-child,
&:nth-child(2) {
margin-bottom: 20px;
margin-bottom: 10px;
}
}
}
.member-des {
margin-top: 20px;
}
.param {
padding: 0;
li {
@ -231,7 +236,7 @@ export default {
.step {
li {
width: 100%;
margin-bottom: 20px;
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}

@ -26,7 +26,7 @@
<img src="@/assets/images/dev/entry2.png"
alt="">
</span>
<p class="pro-text">提交云商店入驻申请</p>
<p class="pro-text">提交职站商城入驻申请</p>
</li>
<li>
<span class="icon">
@ -40,7 +40,7 @@
<img src="@/assets/images/dev/entry4.png"
alt="">
</span>
<p class="pro-text">审核完成加入云商店</p>
<p class="pro-text">审核完成加入职站商城</p>
</li>
</ul>
<!-- <el-steps :active="4"
@ -115,14 +115,15 @@
alt="">
</div>
<el-dialog title="请扫码添加职站商城运营"
<el-dialog title=""
:visible.sync="qrcodeVisible"
width="350px"
width="400px"
center
:close-on-click-modal="false">
:top="qrcodeTop"
custom-class="qrcode-dia">
<div>
<img width="100%"
src="@/assets/images/index/customer.png"
src="@/assets/images/index/qywechat.png"
alt="">
</div>
</el-dialog>
@ -135,9 +136,13 @@ export default {
data () {
return {
qrcodeVisible: false,
qrcodeTop: '100px'
}
},
mounted () { },
mounted () {
const height = (window.innerHeight - 758) / 2
this.qrcodeTop = (height > 0 ? height : 0) + 'px'
},
methods: {
openDev () {
window.open('https://dev.huorantech.cn')
@ -160,15 +165,16 @@ export default {
position: absolute;
bottom: 120px;
left: 50%;
font-size: 1rem;
transform: translateX(-50%);
text-align: center;
}
h6 {
margin-bottom: 30px;
font-size: 42px;
font-size: 2.2rem;
}
.text {
font-size: 16px;
font-size: 1rem;
line-height: 30px;
}
}
@ -354,10 +360,22 @@ export default {
}
}
}
/deep/.qrcode-dia {
background-color: transparent;
box-shadow: none;
.el-dialog__header,
.el-dialog__body {
padding: 0;
background-color: transparent;
}
.el-dialog__headerbtn .el-dialog__close {
color: #fff;
}
}
@media (max-width: 1200px) {
.wrap {
.banner {
padding: 50px 0 0 50px;
padding: 120px 0 0 50px;
.dev {
bottom: 80px;
}

@ -8,7 +8,7 @@ export default {
name,
path: `/${name}`,
component: () => import(`@/pages/${name}`),
meta: { title: '' }
meta: { title: '关于我们' }
}
]
};

@ -17,7 +17,7 @@ export default {
name: 'index',
path: `/index`,
component: () => import("@/pages/index/list"),
meta: { title: "首页" }
meta: { title: "职站商城" }
},
{
path: `show`,

@ -8,7 +8,7 @@ export default {
name,
path: `/${name}`,
component: () => import(`@/pages/${name}`),
meta: { title: '' }
meta: { title: '会员中心' }
},
]
};

@ -8,7 +8,7 @@ export default {
name,
path: `/${name}`,
component: () => import(`@/pages/${name}`),
meta: { title: '' }
meta: { title: '供应商登记' }
}
]
};

@ -5,7 +5,7 @@ const isDev = process.env.NODE_ENV === 'development' // 开发环境
let host = `${location.origin}/`
if (isDev) {
// host = 'http://192.168.31.52:10000/'
host = 'http://139.159.254.212/'
host = 'https://huorantech.com/'
}
const Setting = {

Loading…
Cancel
Save