guowenhao/weilaizhixing_official_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更改首页及浏览器logo

Browse Source
This commit is contained in:
sunshaohua 2024-10-21 21:07:46 +08:00
parent 78f9bdbf7f
commit c09808effb
7 changed files with 38 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>logo.png">
<title>昊坤能源</title>
<title>未来之星</title>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Semibold.ttc" as="font" type="font/ttc" crossorigin>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Regular.ttc" as="font" type="font/ttc" crossorigin>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Light.ttc" as="font" type="font/ttc" crossorigin>

BIN
public/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

43
src/components/FootBar.vue
View File

@ -16,7 +16,7 @@
<div
v-for="(item, index) in navLinks"
:key="index"
style="width: 240rem;"
style="width: 200rem;"
>
<div style="height: 18rem;margin-bottom: 20rem;">
<span
@ -43,7 +43,7 @@
<div
v-for="(item, index) in contacts"
:key="index"
style="width: 300rem;"
style="width: 400rem;"
>
<div style="height: 18rem;margin-bottom: 20rem;">
<span
@ -53,7 +53,7 @@
</div>
<div>
<div
v-for="(link, index) in item.children"
v-for="link in item.children"
:key="link.title"
style="margin-bottom: 20rem;"
>
@ -66,11 +66,7 @@
style="width: 14rem;height: 14rem;"
>
{{ link.title }}
<span v-if="index != 4"> {{ link.value }}</span>
<span
v-else
style="padding-left:100rem"
> {{ link.value }}</span>
<span> {{ link.value }}</span>
</a>
</div>
</div>
@ -117,7 +113,7 @@
</div>
<div style="flex: 1;"></div>
<!-- <div style="display: flex;align-items: center;color: #999999;font-size: 14rem;line-height: 1;">
<div>版权所有© 昊坤能源</div>
<div>版权所有© 未来之星</div>
<div style="width: 1rem;height: 14rem;background-color: #999999;margin: 0 12rem;"></div>
<div>
<a
@ -152,23 +148,23 @@ export default {
{
title: '关于我们',
children: [
{ title: '简介', path: '/recruit/beautifulHk', hash: 'develop-bar' },
{ title: '使命', path: '/recruit/beautifulHk', hash: 'work-bar' },
{ title: '远景', path: '/recruit/beautifulHk', hash: 'life-bar' },
{ title: '价值观', path: '/recruit/socialRecruit' },
{ title: '简介', path: '/', hash: 'develop-bar' },
{ title: '使命', path: '/', hash: 'work-bar' },
{ title: '远景', path: '/', hash: 'life-bar' },
{ title: '价值观', path: '/' },
],
},
{
title: '业务领域',
children: [
{ title: '资本服务', path: '/business/petrochemical' },
{ title: '高薪技术', path: '/business/gas' },
{ title: '能源环保', path: '/business/ironOre' },
{ title: '全球供应链', path: '/business/construction' },
{ title: '商业管理', path: '/business/construction' },
{ title: '健康产业', path: '/business/construction' },
{ title: '基础设施', path: '/business/construction' },
{ title: '未来农业', path: '/business/construction' },
{ title: '资本服务', path: '/' },
{ title: '高薪技术', path: '/' },
{ title: '能源环保', path: '/' },
{ title: '全球供应链', path: '/' },
{ title: '商业管理', path: '/' },
{ title: '健康产业', path: '/' },
{ title: '基础设施', path: '/' },
{ title: '未来农业', path: '/' },
],
},
{
@ -177,7 +173,7 @@ export default {
{ title: '公告通知', path: '/' },
{ title: '公司咨询', path: '/' },
{ title: '政策法规', path: '/' },
{ title: '行业动态', path: '/newsTrend' },
{ title: '行业动态', path: '/' },
],
},
{
@ -203,8 +199,7 @@ export default {
{ title: '热线电话：', value: '+86 400-900-6725', src: '/static/img/foot/icon-phone.png' },
{ title: '公司网址：', value: 'www.FutureStar.Ltd', src: '/static/img/foot/icon-website.png' },
{ title: '总部地址：', value: '海南省三亚市天涯区育春路7巷9号', src: '/static/img/foot/icon-address.png' },
{ title: '北京地址：', value: '北京市朝阳区王四营甲6号观音堂', src: '/static/img/foot/icon-address.png' },
{ title: '', value: '文化大道117号', src: '/' },
{ title: '北京地址：', value: '北京市朝阳区王四营甲6号观音堂文化大道117号', src: '/static/img/foot/icon-address.png' },
],
},
],

24
src/components/NavBar.vue
View File

@ -91,23 +91,23 @@ export default {
{
title: '关于我们',
children: [
{ title: '简介', path: '/recruit/beautifulHk' },
{ title: '使命', path: '/recruit/beautifulHk' },
{ title: '远景', path: '/recruit/beautifulHk' },
{ title: '价值观', path: '/recruit/socialRecruit' },
{ title: '简介', path: '/' },
{ title: '使命', path: '/' },
{ title: '远景', path: '/' },
{ title: '价值观', path: '/' },
],
},
{
title: '业务领域',
children: [
{ title: '资本服务', path: '/business/petrochemical' },
{ title: '高薪技术', path: '/business/gas' },
{ title: '能源环保', path: '/business/ironOre' },
{ title: '全球供应链', path: '/business/construction' },
{ title: '商业管理', path: '/business/construction' },
{ title: '健康产业', path: '/business/construction' },
{ title: '基础设施', path: '/business/construction' },
{ title: '未来农业', path: '/business/construction' },
{ title: '资本服务', path: '/' },
{ title: '高薪技术', path: '/' },
{ title: '能源环保', path: '/' },
{ title: '全球供应链', path: '/' },
{ title: '商业管理', path: '/' },
{ title: '健康产业', path: '/' },
{ title: '基础设施', path: '/' },
{ title: '未来农业', path: '/' },
],
},
{

6
src/views/Home/Index.vue
View File

@ -69,8 +69,8 @@
v-show="screen2.offsetLevel >= 0"
class="learn-more"
style="--tde:1.2s;"
@click="() => $router.push('/about/companyIntroduction')"
>
<!-- @click="() => $router.push('/about/companyIntroduction')" -->
<div class="label">
了解更多
</div>
@ -273,7 +273,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 4, captionName: '首页/banner' } },
{ params: { pageNum: 1, pageSize: 8, captionName: '首页/banner' } },
);
this.screen1.carouselData = res.rows.sort((a, b) => a.orders - b.orders);
setTimeout(() => {
@ -308,7 +308,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 4, captionName: '首页/businessBanner' } },
{ params: { pageNum: 1, pageSize: 8, captionName: '首页/businessBanner' } },
);
this.screen3.carouselData = res.rows.sort((a, b) => a.orders - b.orders);
this.screen3.currentIndicator = 0;

3
src/views/Home/components/HomeCarousel.vue
View File

@ -101,7 +101,8 @@ export default {
--baseSize: calc(min(1080rem, 100vh) / 1080);
position: absolute;
left: calc(50% - 841rem);
top: calc(var(--baseSize) * 640);
/* top: calc(var(--baseSize) * 640); 原版*/
top: calc(var(--baseSize) * 760);
transform: translateY(-100%);
}
.home-carousel-text p {

2
src/views/Home/components/HomeCarouselIndicator.vue
View File

@ -36,7 +36,7 @@ export default {
width: 25%;
}
.indicator-item + .indicator-item {
margin-left: 160rem;
margin-left: 60rem;
}
.indicator-title {
font-family: MicrosoftYaHeiLight;