wo123/lingrui-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: wo123:8faf9a16d64164f1a51c38363e523a5532dd0400
Branches Tags
wo123:main
..
compare: wo123:e838b617b91204507887ba9761747e9dd4293d20
Branches Tags
wo123:main

No commits in common. "8faf9a16d64164f1a51c38363e523a5532dd0400" and "e838b617b91204507887ba9761747e9dd4293d20" have entirely different histories.
8faf9a16d6 ... e838b617b9

4 changed files with 128 additions and 178 deletions
Show Stats Expand all files Collapse all files

19
assets/index.css
View File

@ -478,25 +478,6 @@
.text-group_3 { .text-group_3 {
width: 427px; width: 427px;
height: 63px; height: 63px;
cursor: pointer;
}
.text-group_3:hover .text_18{
color: #0256FF!important;
}
.text-group_3:hover .text_19{
color: #0256FF!important;
}
.text-group_3_3 {
width: 427px;
height: 63px;
cursor: pointer;
}
.text-group_3_3:hover .text_18{
color: #FC7428!important;
}
.text-group_3_3:hover .text_19{
color: #FC7428!important;
} }
.text_18 { .text_18 {

134
pages/concatUs.vue
View File

@ -61,19 +61,42 @@
<span class="text_54">Company&nbsp;environment</span> <span class="text_54">Company&nbsp;environment</span>
<div class="hbform"> <div class="hbform">
<div class="flex boxgs"> <div class="flex boxgs">
<div v-for="(item, index) in typeList" @click="openType(item)" :class="typeId == item.id ? 'title active' : 'title'">{{ item.name <div class="title active">影视类</div>
}}</div> <div class="title">技术开发类</div>
<div class="title">商务类</div>
</div> </div>
<div class="flex justify-center align-center flex-wrap" style="margin-top: 30px;"> <div class="flex justify-center align-center" style="margin-top: 30px;">
<div v-for="item in list" class="flex-col box_18s" style="margin-bottom: 20px;"> <div class="flex-col box_18s">
<div class="titless"> <div class="titless">
<div class="a1s">{{ item.name}}</div> <div class="a1s">移动端跨平台开发工程师</div>
<div class="a2s">任职要求请联系HR</div> <div class="a2s">任职要求请联系HR</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="bottomss"> <div class="bottomss">
<div>灵睿网络</div> <div>灵睿网络</div>
<div>{{ item.release_time_text }}</div> <div>2025-04-06 14:30</div>
</div>
</div>
<div class="flex-col box_18s">
<div class="titless">
<div class="a1s">移动端跨平台开发工程师</div>
<div class="a2s">任职要求请联系HR</div>
</div>
<div class="line"></div>
<div class="bottomss">
<div>灵睿网络</div>
<div>2025-04-06 14:30</div>
</div>
</div>
<div class="flex-col box_18s">
<div class="titless">
<div class="a1s">移动端跨平台开发工程师</div>
<div class="a2s">任职要求请联系HR</div>
</div>
<div class="line"></div>
<div class="bottomss">
<div>灵睿网络</div>
<div>2025-04-06 14:30</div>
</div> </div>
</div> </div>
</div> </div>
@ -87,10 +110,10 @@
import { Swiper, SwiperSlide } from 'swiper/vue' import { Swiper, SwiperSlide } from 'swiper/vue'
import { nextTick, ref } from 'vue' import { nextTick, ref } from 'vue'
import 'swiper/css' import 'swiper/css'
import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow, EffectFade } from "swiper/modules"; import { Autoplay, Navigation, Pagination, Scrollbar, A11y, EffectCoverflow,EffectFade } from "swiper/modules";
import ScrollReveal from 'scrollreveal'; import ScrollReveal from 'scrollreveal';
import { NNumberAnimation } from 'naive-ui' import { NNumberAnimation } from 'naive-ui'
let modules = [Autoplay, A11y, EffectCoverflow, EffectFade]; let modules = [Autoplay, A11y, EffectCoverflow,EffectFade];
import "swiper/css"; import "swiper/css";
import "swiper/css/navigation"; import "swiper/css/navigation";
@ -120,7 +143,7 @@ const swiperOptionsNews = {
speed: 500, speed: 500,
effect: 'fade', effect: 'fade',
loop: true, loop: true,
modules: [EffectFade, Autoplay, Navigation], modules: [EffectFade,Autoplay,Navigation],
navigation: { navigation: {
nextEl: '#swipen_prev', nextEl: '#swipen_prev',
prevEl: '#swipen_next', prevEl: '#swipen_next',
@ -138,37 +161,7 @@ onMounted(() => {
nextTick(() => { nextTick(() => {
animate() animate()
}) })
getType();
}) })
const openType = (item: any) => {
typeId.value = item.id;
getList();
}
const typeId = ref(0)
const typeList = ref([])
const getType = () => {
$api.post("/api/home.recruitment_information/cate", { page: 1, size: 100 })
.then((res: any) => {
console.log(res);
typeId.value = res.data.data.list[0].id;
typeList.value = res.data.data.list;
getList();
})
.catch((err) => {
console.dir(err)
})
}
const list = ref([])
const getList = () => {
$api.get("/api/home.recruitment_information/index?cate_id="+typeId.value)
.then((res: any) => {
console.log(res)
list.value = res.data.data.list
})
.catch((err) => {
console.dir(err)
})
}
const numberAnimationInstRef = ref() const numberAnimationInstRef = ref()
const numberAnimationInstRefKH = ref() const numberAnimationInstRefKH = ref()
const numberAnimationInstRefJS = ref() const numberAnimationInstRefJS = ref()
@ -272,26 +265,21 @@ const animate = () => {
transition: 6s linear; transition: 6s linear;
transform: scale(1, 1); transform: scale(1, 1);
} }
.bottom_imgs{
.bottom_imgs {
background: url(/public/img/qall.png); background: url(/public/img/qall.png);
width: 1230px; width: 1230px;
height: 272px; height: 272px;
background-size: 100%; background-size: 100%;
} }
.content_box{
.content_box { background: url(/public/img/m1.png);;
background: url(/public/img/m1.png); width: 561px;height: 521px;
;
width: 561px;
height: 521px;
z-index: 1; z-index: 1;
position: absolute; position: absolute;
right: -12px; right: -12px;
bottom: -13px; bottom: -13px;
background-size: 100%; background-size: 100%;
} }
.section_1s { .section_1s {
height: 360px; height: 360px;
background: url(public/img/allpeople.png) 100% no-repeat; background: url(public/img/allpeople.png) 100% no-repeat;
@ -299,8 +287,7 @@ const animate = () => {
width: 585px; width: 585px;
z-index: 10; z-index: 10;
} }
.text_13s{
.text_13s {
width: 261px; width: 261px;
height: 48px; height: 48px;
line-height: 44px; line-height: 44px;
@ -312,37 +299,33 @@ const animate = () => {
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
margin-right: 22px; margin-right:22px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
.imgs{
.imgs {
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-right: 10px; margin-right: 10px;
} }
} }
.box_17s { .box_17s {
width: 100%; width: 100%;
height: 490px;
background: #F8F8F8; background: #F8F8F8;
justify-content: flex-center; justify-content: flex-center;
padding-bottom: 40px;
} }
.hbform { .hbform{
width: 100%; width: 100%;
} }
.boxgs{
.boxgs {
width: 100%; width: 100%;
margin-top: 30px; margin-top: 30px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.title{
.title {
width: 130px; width: 130px;
height: 48px; height: 48px;
background: #FFFFFF; background: #FFFFFF;
@ -353,44 +336,37 @@ const animate = () => {
font-weight: 400; font-weight: 400;
font-size: 18px; font-size: 18px;
color: #222222; color: #222222;
cursor: pointer; &.active{
background: linear-gradient( 360deg, #FC7428 0%, #FF9357 100%);
&.active {
background: linear-gradient(360deg, #FC7428 0%, #FF9357 100%);
color: #FFFFFF; color: #FFFFFF;
} }
} }
} }
.box_18s { .box_18s {
width: 387px; width: 387px;
height: 149px; height: 149px;
background: url(public/img/lianxiyp.png) 100% no-repeat; background: url(public/img/lianxiyp.png) 100% no-repeat;
z-index: 10; z-index: 10;
justify-content: center; justify-content: center;
// align-items: center; // align-items: center;
margin-right: 20px; margin-right: 20px;
.line{
.line {
width: 347px; width: 347px;
height: 1px; height: 1px;
background: #D8D8D8; background: #D8D8D8;
margin: 0 auto; margin: 0 auto;
} }
.titless{
.titless {
width: 100%; width: 100%;
padding-top: 20px; padding-top:20px;
padding-left: 20px; padding-left: 20px;
.a1s{
.a1s {
font-family: Microsoft YaHei, Microsoft YaHei; font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 18px;
color: #3D3D3D; color: #3D3D3D;
} }
.a2s{
.a2s {
margin: 20px 0; margin: 20px 0;
font-family: Microsoft YaHei, Microsoft YaHei; font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400; font-weight: 400;
@ -399,8 +375,7 @@ const animate = () => {
} }
} }
.bottomss{
.bottomss {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -408,9 +383,6 @@ const animate = () => {
padding: 20px; padding: 20px;
color: #768597; color: #768597;
} }
&:hover {
cursor: pointer;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
} }
</style> </style>

42
pages/index.vue
View File

@ -133,13 +133,13 @@
</div> </div>
</div> </div>
<div class="group_10 flex-col"></div> <div class="group_10 flex-col"></div>
<div class="group_7 flex-row justify-between"> <div class="group_13 flex-row justify-between">
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_3" referrerpolicy="no-referrer" src="public/img/yekuogongdianfangan.png" /> <img class="label_3" referrerpolicy="no-referrer" src="public/img/yekuogongdianfangan.png" />
</div> </div>
<div class="text-group_3 flex-col justify-between"> <div class="text-group_5 flex-col justify-between">
<span class="text_18">智慧化解决方案</span> <span class="text_22">智慧化解决方案</span>
<span class="text_19"> <span class="text_23">
利用物联网、大数据、人工智能等前沿技术，提供智慧化解决方案 利用物联网、大数据、人工智能等前沿技术，提供智慧化解决方案
</span> </span>
</div> </div>
@ -168,7 +168,7 @@
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_3" referrerpolicy="no-referrer" src="public/img/quanmeiti.png" /> <img class="label_3" referrerpolicy="no-referrer" src="public/img/quanmeiti.png" />
</div> </div>
<div class="text-group_3_3 flex-col justify-between"> <div class="text-group_3 flex-col justify-between">
<span class="text_18">全媒体推广解决方案</span> <span class="text_18">全媒体推广解决方案</span>
<span class="text_19"> <span class="text_19">
覆盖各大主流平台定制【流量矩阵+内容策略+效果追踪】一体化方案 覆盖各大主流平台定制【流量矩阵+内容策略+效果追踪】一体化方案
@ -180,9 +180,9 @@
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_3" referrerpolicy="no-referrer" src="public/img/pingpai.png" /> <img class="label_3" referrerpolicy="no-referrer" src="public/img/pingpai.png" />
</div> </div>
<div class="text-group_3_3 flex-col justify-between"> <div class="text-group_3 flex-col justify-between">
<span class="text_18">品牌账号代运营</span> <span class="text_18" style="color: #FC7428;">品牌账号代运营</span>
<span class="text_19"> <span class="text_19" style="color: #FC7428;">
全链路赋能品牌增长，内容+策略+数据 · 打造品效合一的社交资产 全链路赋能品牌增长，内容+策略+数据 · 打造品效合一的社交资产
</span> </span>
</div> </div>
@ -192,7 +192,7 @@
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_3" referrerpolicy="no-referrer" src="public/img/xianshang.png" /> <img class="label_3" referrerpolicy="no-referrer" src="public/img/xianshang.png" />
</div> </div>
<div class="text-group_3_3 flex-col justify-between"> <div class="text-group_3 flex-col justify-between">
<span class="text_18">线上线下活动策划</span> <span class="text_18">线上线下活动策划</span>
<span class="text_19"> <span class="text_19">
专业守护数据，防御威胁，护航企业数字安全 专业守护数据，防御威胁，护航企业数字安全
@ -204,7 +204,7 @@
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_3" referrerpolicy="no-referrer" src="public/img/news.png" /> <img class="label_3" referrerpolicy="no-referrer" src="public/img/news.png" />
</div> </div>
<div class="text-group_3_3 flex-col justify-between"> <div class="text-group_3 flex-col justify-between">
<span class="text_18">互联网新闻发布</span> <span class="text_18">互联网新闻发布</span>
<span class="text_19"> <span class="text_19">
整合全网权威渠道，依托海量优质媒体资源，定制新闻发布策略 整合全网权威渠道，依托海量优质媒体资源，定制新闻发布策略
@ -212,17 +212,19 @@
</div> </div>
</div> </div>
<div class="group_10 flex-col"></div> <div class="group_10 flex-col"></div>
<div class="group_7 flex-row justify-between"> <div class="group_13 flex-row justify-between">
<div class="image-wrapper_5 flex-col"> <div class="image-wrapper_5 flex-col">
<img class="label_3" referrerpolicy="no-referrer" src="public/img/daren.png" /> <img class="label_3" referrerpolicy="no-referrer" src="public/img/daren.png" />
</div> </div>
<div class="text-group_3_3 flex-col justify-between"> <div class="text-group_5 flex-col justify-between">
<span class="text_18">IP孵化与达人合作</span> <span class="text_22">IP孵化与达人合作</span>
<span class="text_19"> <span class="text_23">
深度孵化+精准匹配，内容资产×流量裂变 · 打造IP与达人的共生生态 深度孵化+精准匹配，内容资产×流量裂变 · 打造IP与达人的共生生态
</span> </span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -272,10 +274,9 @@
<img src="public/img/opr.png"> <img src="public/img/opr.png">
</div> --> </div> -->
<div class="flex-row justify-center align-center absolute w-full bottom-[-50px]" style="gap: 30px;"> <div class="flex-row justify-center align-center absolute w-full bottom-[-50px]" style="gap: 30px;">
<div v-for="(_, index) in 3" :key="index" <div style="width: 25px;height:5px;background-color: #fc7428;"></div>
style="width: 25px; height: 5px;" <div style="width: 25px;height:5px;background-color: #C1C1C1;"></div>
:style="{ backgroundColor: activeSlideIndex === index ? '#fc7428' : '#C1C1C1' }"> <div style="width: 25px;height:5px;background-color: #C1C1C1;"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -491,11 +492,6 @@ const swiperOptionsNews = {
let vesSwiper: any = null let vesSwiper: any = null
const onSwiperExp = (swiper: any) => { const onSwiperExp = (swiper: any) => {
vesSwiper = swiper vesSwiper = swiper
// 监听幻灯片变化事件
swiper.on('slideChange', () => {
// 更新当前活动幻灯片索引
activeSlideIndex.value = swiper.realIndex % 3
})
} }
const swiper_exp = ref(); const swiper_exp = ref();
// 表单数据 // 表单数据

5
pages/proServices.vue
View File

@ -1129,12 +1129,13 @@ const animate = () => {
mobile: true, mobile: true,
}) })
//service-item //service-item
sr.reveal('.service-container', { sr.reveal('.service-item', {
origin: 'bottom', duration: 800,
delay: 300, delay: 300,
opacity: 0, opacity: 0,
scale: 0.5, scale: 0.5,
reset: true, reset: true,
mobile: true,
}) })
} }
</script> </script>