@@ -493,5 +280,109 @@ const animate = () => {
bottom: -13px;
background-size: 100%;
}
+.section_1s {
+ height: 360px;
+ background: url(public/img/allpeople.png) 100% no-repeat;
+ background-size: 100% 100%;
+ width: 585px;
+ z-index: 10;
+}
+.text_13s{
+ width: 261px;
+ height: 48px;
+ line-height: 44px;
+ border-radius: 4px 4px 4px 4px;
+ border: 1px solid #768597;
+ color: #768597;
+ font-size: 16px;
+ font-family: Microsoft YaHei UI-Regular;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ margin-right:22px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+ .imgs{
+ width: 24px;
+ height: 24px;
+ margin-right: 10px;
+ }
+}
+.box_17s {
+ width: 100%;
+ height: 490px;
+ background: #F8F8F8;
+ justify-content: flex-center;
+}
+.hbform{
+ width: 100%;
+}
+.boxgs{
+ width: 100%;
+ margin-top: 30px;
+ justify-content: center;
+ align-items: center;
+ .title{
+ width: 130px;
+ height: 48px;
+ background: #FFFFFF;
+ border-radius: 78px 78px 78px 78px;
+ margin: 0 20px;
+ line-height: 48px;
+ text-align: center;
+ font-weight: 400;
+ font-size: 18px;
+ color: #222222;
+ &.active{
+ background: linear-gradient( 360deg, #FC7428 0%, #FF9357 100%);
+ color: #FFFFFF;
+ }
+ }
+}
+.box_18s {
+ width: 387px;
+ height: 149px;
+ background: url(public/img/lianxiyp.png) 100% no-repeat;
+ z-index: 10;
+ justify-content: center;
+// align-items: center;
+ margin-right: 20px;
+ .line{
+ width: 347px;
+ height: 1px;
+ background: #D8D8D8;
+ margin: 0 auto;
+ }
+ .titless{
+ width: 100%;
+ padding-top:20px;
+ padding-left: 20px;
+ .a1s{
+ font-family: Microsoft YaHei, Microsoft YaHei;
+ font-weight: 700;
+ font-size: 18px;
+ color: #3D3D3D;
+ }
+ .a2s{
+ margin: 20px 0;
+ font-family: Microsoft YaHei, Microsoft YaHei;
+ font-weight: 400;
+ font-size: 12px;
+ color: #768597;
+
+ }
+ }
+ .bottomss{
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20px;
+ color: #768597;
+ }
+
+}
diff --git a/pages/customerReviews.vue b/pages/customerReviews.vue
index 40f7366..725d25a 100644
--- a/pages/customerReviews.vue
+++ b/pages/customerReviews.vue
@@ -31,39 +31,25 @@
-
-
-
![]()
+
+
+
![]()
-
+
- {{item.title}}
+ {{ item.title }}
- {{item.value}}
+ {{ item.value }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -71,10 +57,10 @@
import { Swiper, SwiperSlide } from 'swiper/vue'
import { nextTick, ref } from 'vue'
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 { NNumberAnimation } from 'naive-ui'
-let modules = [Autoplay, A11y, EffectCoverflow,EffectFade];
+let modules = [Autoplay, A11y, EffectCoverflow, EffectFade];
import "swiper/css";
import "swiper/css/navigation";
@@ -104,7 +90,7 @@ const swiperOptionsNews = {
speed: 500,
effect: 'fade',
loop: true,
- modules: [EffectFade,Autoplay,Navigation],
+ modules: [EffectFade, Autoplay, Navigation],
navigation: {
nextEl: '#swipen_prev',
prevEl: '#swipen_next',
@@ -117,14 +103,14 @@ const onSwiperExp = (swiper: any) => {
}
const swiper_exp = ref();
const lists = ref([
- {title: '扶贫助困情系家乡', value: '-洛阳市郑州商会-'},
- {title: '互联网技术服务合作单位', value: '-洛阳百艺建筑装饰-'},
- {title: '平安洛阳微信平台技术服务单位', value: '-洛阳市公安局-'},
- {title: '健康洛阳微信平台技术合作单位', value: '-河南科技大学第一附属医院-'},
- {title: '爱心捐助奉献奖', value: '-洛阳市郑州商会-'},
- {title: '精彩洛阳微信平台技术服务单位', value: '-洛阳市宣传部网信办-'},
- {title: '青年说短视频征集大赛', value: '-洛阳市公安局-'},
- {title: '青年说短视频征集大赛', value: '-河南科技大学第一附属医院-'}
+ { title: '扶贫助困情系家乡', value: '-洛阳市郑州商会-' },
+ { title: '互联网技术服务合作单位', value: '-洛阳百艺建筑装饰-' },
+ { title: '平安洛阳微信平台技术服务单位', value: '-洛阳市公安局-' },
+ { title: '健康洛阳微信平台技术合作单位', value: '-河南科技大学第一附属医院-' },
+ { title: '爱心捐助奉献奖', value: '-洛阳市郑州商会-' },
+ { title: '精彩洛阳微信平台技术服务单位', value: '-洛阳市宣传部网信办-' },
+ { title: '青年说短视频征集大赛', value: '-洛阳市公安局-' },
+ { title: '青年说短视频征集大赛', value: '-河南科技大学第一附属医院-' }
]);
// 新闻数据
onMounted(() => {
@@ -217,52 +203,57 @@ const animate = () => {
.group_666 .swiper-slide img {
- width: 100%;
- height: 500px;
- height: auto;
- transition: 1s linear 2s;
- transform: scale(1.1, 1.1);
+ width: 100%;
+ height: 500px;
+ height: auto;
+ transition: 1s linear 2s;
+ transform: scale(1.1, 1.1);
}
.group_666 .swiper-slide-active img,
.swiper-slide-duplicate-active img {
- transition: 6s linear;
- transform: scale(1, 1);
+ transition: 6s linear;
+ transform: scale(1, 1);
}
-.bottom_imgss{
+
+.bottom_imgss {
background: url(/public/img/customer/bg-s.png);
width: 1920px;
- height: 800px;
- background-size: 100%;
+ height: 800px;
+ background-size: 100%;
}
-.boxgs{
- width: 1300px;
- margin: 0 auto;
+
+.boxgs {
+ width: 1300px;
+ margin: 0 auto;
margin-top: 30px;
- .box_con{
- margin:20px;
+
+ .box_con {
+ margin: 20px;
background-color: #ffffff;
width: 277px;
height: 276px;
font-family: Microsoft YaHei UI-Regular;
- border-radius:4px;
- .text_tt{
+ border-radius: 4px;
+
+ .text_tt {
display: inline-block;
width: 100%;
margin-top: 15px;
overflow-wrap: break-word;
- color: #3D3D3D ;
+ color: #3D3D3D;
font-size: 18px;
font-weight: 500;
text-align: center;
white-space: nowrap;
}
- .text_cc{
+
+ .text_cc {
display: inline-block;
width: 100%;
height: 30px;
overflow-wrap: break-word;
- color: #999999 ;
+ color: #999999;
font-size: 14px;
font-weight: 400;
text-align: center;
diff --git a/pages/index.vue b/pages/index.vue
index 3dbf377..697fc7e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -67,63 +67,166 @@
Our BusinessWay
-
-
-
-
-
+
-
-
-
-
+
-
- 专业网站建设与企业官网设计定制服务
+
+ 专业技术服务
-
- 助力企业数字化转型升级，PC端/移动端/H5提供一站式网站开发、搭建
+
+ 专业提供互联网技术支持，助力企业高效发展
+
+
+
+
+
-
+
- 企业数字化自媒体托管专家
+ AI应用与落地
- 业团队代运营+AI智能内容生成+多平台精准投放，助您专注核心业务
+ 从模型选型、数据处理、算法优化到应用集成与部署的全栈服务
-
+
- 全流程抖音短视频制作服务
+ 定制软件开发
- 助您快速打造高播放量、高互动率的爆款短视频
+ 为您打造用户体验出色、性能稳定可靠的Web应用、移动App及小程序
-
+
+
+
+
+
+
+ IT运维服务
+
+ 专业守护数据，防御威胁，护航企业数字安全
+
+
+
+
+
+
+
+
+
+ 网络与信息安全
+
+ 专业提供网络信息安全防护、实时监测与风险处置服务
+
+
+
+
-
+
- 全栈H5开发解决方案
+ 智慧化解决方案
- 基于HTML5/CSS3/JavaScript核心技术助力实现高转化率与沉浸式用户体验
+ 利用物联网、大数据、人工智能等前沿技术，提供智慧化解决方案
+
+
+
+
+
+ 内容创作与运营
+
+
+ 构建全域影响力，赋能品牌长效增长
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 全媒体推广解决方案
+
+ 覆盖各大主流平台定制【流量矩阵+内容策略+效果追踪】一体化方案
+
+
+
+
+
+
+
+
+
+ 品牌账号代运营
+
+ 全链路赋能品牌增长，内容+策略+数据 · 打造品效合一的社交资产
+
+
+
+
+
+
+
+
+
+ 线上线下活动策划
+
+ 专业守护数据，防御威胁，护航企业数字安全
+
+
+
+
+
+
+
+
+
+ 互联网新闻发布
+
+ 整合全网权威渠道，依托海量优质媒体资源，定制新闻发布策略
+
+
+
+
+
+
+
+
+
+ IP孵化与达人合作
+
+ 深度孵化+精准匹配，内容资产×流量裂变 · 打造IP与达人的共生生态
+
+
+
+
+
+
+
@@ -309,11 +412,45 @@
联系我们
cooperative partner
-
@@ -368,17 +505,23 @@ const onSwiperExp = (swiper: any) => {
vesSwiper = swiper
}
const swiper_exp = ref();
-
+// 表单数据
+const formData = reactive({
+ name: '',
+ mobile: '',
+ emil:'',
+ message: ''
+})
// 新闻数据
onMounted(() => {
nextTick(() => {
animate()
})
})
-const numberAnimationInstRef = ref()
-const numberAnimationInstRefKH = ref()
-const numberAnimationInstRefJS = ref()
-const numberAnimationInstRefHY = ref()
+// const numberAnimationInstRef = ref()
+// const numberAnimationInstRefKH = ref()
+// const numberAnimationInstRefJS = ref()
+// const numberAnimationInstRefHY = ref()
const animate = () => {
const sr = ScrollReveal();
@@ -432,10 +575,10 @@ const animate = () => {
reset: true,
mobile: true,
beforeReveal: function (el: any) {
- numberAnimationInstRef.value.play()
- numberAnimationInstRefKH.value.play()
- numberAnimationInstRefJS.value.play()
- numberAnimationInstRefHY.value.play()
+ // numberAnimationInstRef.value.play()
+ // numberAnimationInstRefKH.value.play()
+ // numberAnimationInstRefJS.value.play()
+ // numberAnimationInstRefHY.value.play()
},
})
sr.reveal('.topSj', {
@@ -451,6 +594,46 @@ const animate = () => {
interval: 50,
})
}
+// 表单提交方法
+const submitForm = () => {
+ console.log(formData);
+
+ // 这里可以添加表单验证逻辑
+ if (!formData.name) {
+ alert('请输入您的姓名')
+ return
+ }
+
+ if (!formData.mobile) {
+ alert('请输入您的手机号码')
+ return
+ }
+
+ if (!formData.message) {
+ alert('请输入您的留言内容')
+ return
+ }
+ $api.post("/api/home.leave_word/add" , formData)
+ .then((res: any) => {
+ console.log(res)
+ if(res.status == 200){
+ alert('留言成功')
+ }else{
+ alert('失败')
+ }
+ formData.name = '';
+ formData.mobile = '';
+ formData.emil = '';
+ formData.message = '';
+ })
+ .catch((err) => {
+ console.dir(err)
+ })
+ // 重置表单
+ // formData.name = ''
+ // formData.mobile = ''
+ // formData.content = ''
+}
diff --git a/pages/societyDuty.vue b/pages/societyDuty.vue
index 3dbf377..e3ab11b 100644
--- a/pages/societyDuty.vue
+++ b/pages/societyDuty.vue
@@ -4,13 +4,13 @@
- 
- 
+ 联系电话：11245123262
+ 
+ 微信：11245123262
+ 
- 
- 
- 
- 
- 
- 
- 
+ 