commit 2b9da624fa6d2986ed04b1579ac33eaf69e5eba5 Author: luoxiaolu <1609492236@qq.com> Date: Mon Apr 21 00:22:24 2025 +0800 首页 diff --git a/README.md b/README.md new file mode 100644 index 0000000..d488eab --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# copyweb + diff --git a/index.html b/index.html new file mode 100644 index 0000000..bce0c1c --- /dev/null +++ b/index.html @@ -0,0 +1,418 @@ + + + + + + + + + + + + + + + + +
+
+
+ +
+
+
+ +
+ +
+
+
+ + + +
+ + +
+
+ + + + +
+
+
+ +
+
+
+
+
鸿福如电子电器专注于户外灯饰产品的研发与生产
+
+
+
+
+
+
+
+
做值得信赖的LED灯带制造商
+
+
+
+
+
+
+
+
鸿福如电子电器有限公司，愿与您携手，点亮每一座城市的夜晚，共创美好未来！
+
+
+
+ +
+
+
+
+ +
+ +
+
+
+ + +
+
+ PRODUCT +
+
+ 产品中心 +
+
+
+
+ +
+ +
+
+
冰条灯串
+
介绍信息
+
查看详情
+
+ +
+
+ +
+ +
+
+
绕树灯串
+
介绍信息
+
查看详情
+
+ +
+
+ +
+ +
+
+
网灯
+
介绍信息
+
查看详情
+
+ +
+
+ +
+ +
+
+
挂件灯饰
+
介绍信息
+
查看详情
+
+ +
+
+ +
+ +
+
+
造型灯饰
+
介绍信息
+
查看详情
+
+ +
+
+
+
+ +
+
+ + +
+
+
+ ABOUT US +
+
+ 关于我们 +
+
+
+

鸿福如电子电器有限公司

+

——点亮城市之美，匠心铸就品质

+

自2019年6月成立以来，鸿福如电子电器有限公司始终专注于户外灯饰产品的研发与生产。我们的产品广泛应用于公园、小区、旅游景点、城市主干道绿化亮化等领域，以卓越的品质和创新的设计赢得了国内外客户的信赖与赞誉。

+

以客户需求为导向，以技术创新为驱动

+

我们深知，每一盏灯不仅是照明的工具，更是城市景观的点睛之笔。因此，我们始终坚持以客户需求为核心，不断革新技术与工艺，用心打造每一款产品。从方案设计到效果图纸呈现，再到产品安装与售后服务，我们为客户提供一站式解决方案，确保每一个项目都能完美落地。

+

品质为本，服务至上

+

多年来，鸿福如秉承“诚信经营，用心服务”的理念，在激烈的市场竞争中始终坚守品质第一的原则。我们与客户携手共进，追求合作共赢，以专业的技术水平和卓越的服务能力，赢得了广泛的市场认可。

+

立足常州，服务全球

+

公司总部位于江苏省常州市武进区西湖街道长秀路8号坤鼎创新产业园5栋-1，门市地址为常州市邹区灯具城西大门外7栋11号鸿福如灯饰。我们以常州为起点，将高品质的灯饰产品和服务带向全国乃至全球，为城市亮化工程贡献我们的力量。

+

鸿福如电子电器有限公司，愿与您携手，点亮每一座城市的夜晚，共创美好未来！

+ +
+
了解更多
+
+
+
+ +
+
+
+
+ + +
+
+ Field +
+
+ 应用领域 +
+
+
+
+
+
+
+
+ +
+
+ + +
+
+
+ Field +
+
+ 新闻资讯 +
+
+
+
+ +
+
+
XXXXXXXXXXXXXXXX
+
2025-4-20
+
冰条灯串，宛如从冬日仙境中直接摘取的一抹梦幻之光，它们在寒冷的空气中闪烁着晶莹剔透的光芒，仿佛每一条灯串都被赋予了冰雪的灵魂。这些精致的灯串由一系列模仿冰柱形状的透明或半透明材料制成，内置的LED灯珠散发出柔和而迷人的光辉，既有纯白如雪的纯净之感，也有彩色变幻如同极光般的神秘色彩。
+
+
+
+
+
+ +
+
+
XXXXXXXXXXXXXXXX
+
2021/09/28
+
冰条灯串，宛如从冬日仙境中直接摘取的一抹梦幻之光，它们在寒冷的空气中闪烁着晶莹剔透的光芒，仿佛每一条灯串都被赋予了冰雪的灵魂。这些精致的灯串由一系列模仿冰柱形状的透明或半透明材料制成，内置的LED灯珠散发出柔和而迷人的光辉，既有纯白如雪的纯净之感，也有彩色变幻如同极光般的神秘色彩。
+
+
+
+
+ +
+
+
XXXXXXXXXXXXXXXX
+
2021/09/28
+
冰条灯串，宛如从冬日仙境中直接摘取的一抹梦幻之光，它们在寒冷的空气中闪烁着晶莹剔透的光芒，仿佛每一条灯串都被赋予了冰雪的灵魂。这些精致的灯串由一系列模仿冰柱形状的透明或半透明材料制成，内置的LED灯珠散发出柔和而迷人的光辉，既有纯白如雪的纯净之感，也有彩色变幻如同极光般的神秘色彩。
+
+
+
+
+ +
+
+
XXXXXXXXXXXXXXXX
+
2021/09/28
+
冰条灯串，宛如从冬日仙境中直接摘取的一抹梦幻之光，它们在寒冷的空气中闪烁着晶莹剔透的光芒，仿佛每一条灯串都被赋予了冰雪的灵魂。这些精致的灯串由一系列模仿冰柱形状的透明或半透明材料制成，内置的LED灯珠散发出柔和而迷人的光辉，既有纯白如雪的纯净之感，也有彩色变幻如同极光般的神秘色彩。
+
+
+
+
+
+ +
+
+
+ + +
+
+
+
+
联系电话：
+
13915039018（工厂）
+
18921079018（门店）
+
+
+ +
网站首页
+ + +
关于我们
+ + +
产品中心
+ + +
应用场景
+ + +
视频中心
+ + +
新闻中心
+ + +
联系我们
+ +
+
+
+
Copyright©
+ +
+
网站建设：凌壹科技
+
+
+
+
+ +
网站二维码
+
+
+ +
抖音二维码
+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/static/css/common.css b/static/css/common.css new file mode 100644 index 0000000..60a1510 --- /dev/null +++ b/static/css/common.css @@ -0,0 +1,39 @@ +body { + overflow-x: hidden; + overflow-y: auto; + padding: 0rem; + margin: 0rem; +} + +html { + overflow-y: auto; + scrollbar-width: none; + -ms-overflow-style: none; + scroll-behavior: smooth; + + font-size: 0.835vw; +} + +@media screen and (max-width: 1920px) { + html { + font-size: 1rem; + } +} + +::-webkit-scrollbar { + width: 4px; + height: 4px; + background-color: rgba(255, 255, 255, 0.2); +} + +::-webkit-scrollbar-track { + -webkit-box-shadow: inset 0 0 .375rem rgba(255, 255, 255, 0.3); + border-radius: 10px; + background-color: #F5F5F5; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + -webkit-box-shadow: inset 0 0 .375rem rgba(255, 255, 255, 0.3); + background-color: #b3b3b3; +} \ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..7128197 --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,99 @@ +.navbar-lang-icon > path { + stroke: white; + stroke-width: 3; +} + +.navbar { + transition: all .3s; +} + +.navbar:hover .navbar-brand > div { + color: #333; +} + +.navbar:hover .navbar-item { + color: #333; +} + +.navbar:hover .navbar-lang-icon > path { + stroke: #333; +} + + +@media (min-width: 1024px) { + .navbar-light { + border-bottom: 0; + } + + .navbar-light .navbar-brand > div { + color: #333; + } + + .navbar-light .navbar-brand > .brand-dark { + display: none; + } + + .navbar-light .navbar-brand > .brand-light { + display: block; + } + + .navbar-light .navbar-item { + color: #333; + } + + .navbar-light .navbar-lang-icon > path { + stroke: #333; + } + + .navbar-item > .banner-inner { + transition: all .3s; + } + + .navbar-item:hover > .banner-inner { + display: flex; + opacity: 1; + visibility: visible; + } +} + +@media (max-width: 1024px) { + .navbar-mobile-light .navbar-brand > div { + color: #333; + } + + .navbar-mobile-light .navbar-brand > .brand-dark { + display: none; + } + + .navbar-mobile-light .navbar-brand > .brand-light { + display: block; + } + + .navbar-mobile-light .navbar-item { + color: #333; + } + + .navbar-mobile-light .navbar-lang-icon > path { + stroke: #333; + } + + .navbar-item > .banner-inner { + transition: all .3s; + } + + .navbar-item:hover > .banner-inner { + display: flex; + opacity: 1; + visibility: visible; + } +} + +@media screen and (max-width: 996px) { + .navbar-items { + display: none; + } + + .navbar-toggler { + display: flex !important; + } +} \ No newline at end of file diff --git a/static/images/about-index-bg.jpg b/static/images/about-index-bg.jpg new file mode 100644 index 0000000..b336fcb Binary files /dev/null and b/static/images/about-index-bg.jpg differ diff --git a/static/images/banner1.JPG b/static/images/banner1.JPG new file mode 100644 index 0000000..282016f Binary files /dev/null and b/static/images/banner1.JPG differ diff --git a/static/images/field-img-1.jpeg b/static/images/field-img-1.jpeg new file mode 100644 index 0000000..77b5da7 Binary files /dev/null and b/static/images/field-img-1.jpeg differ diff --git a/static/images/field-img-2.jpeg b/static/images/field-img-2.jpeg new file mode 100644 index 0000000..d27f05f Binary files /dev/null and b/static/images/field-img-2.jpeg differ diff --git a/static/images/field-img-3.jpg b/static/images/field-img-3.jpg new file mode 100644 index 0000000..eaa91a5 Binary files /dev/null and b/static/images/field-img-3.jpg differ diff --git a/static/images/field-img-4.jpg b/static/images/field-img-4.jpg new file mode 100644 index 0000000..3783d04 Binary files /dev/null and b/static/images/field-img-4.jpg differ diff --git a/static/images/logo.png b/static/images/logo.png new file mode 100644 index 0000000..2c755eb Binary files /dev/null and b/static/images/logo.png differ diff --git a/static/images/news-img-1.jpg b/static/images/news-img-1.jpg new file mode 100644 index 0000000..c71380f Binary files /dev/null and b/static/images/news-img-1.jpg differ diff --git a/static/images/news-img-2.jpg b/static/images/news-img-2.jpg new file mode 100644 index 0000000..6680ba6 Binary files /dev/null and b/static/images/news-img-2.jpg differ diff --git a/static/images/news-img-3.jpg b/static/images/news-img-3.jpg new file mode 100644 index 0000000..8524ca8 Binary files /dev/null and b/static/images/news-img-3.jpg differ diff --git a/static/images/news-img-4.jpg b/static/images/news-img-4.jpg new file mode 100644 index 0000000..58f1f40 Binary files /dev/null and b/static/images/news-img-4.jpg differ diff --git a/static/images/news-index-bg.jpg b/static/images/news-index-bg.jpg new file mode 100644 index 0000000..7a9df30 Binary files /dev/null and b/static/images/news-index-bg.jpg differ diff --git a/static/images/product-img-1.jpg b/static/images/product-img-1.jpg new file mode 100644 index 0000000..8d8675d Binary files /dev/null and b/static/images/product-img-1.jpg differ diff --git a/static/js/common.js b/static/js/common.js new file mode 100644 index 0000000..c67aab1 --- /dev/null +++ b/static/js/common.js @@ -0,0 +1,3 @@ +AOS.init({ + once: true +}) \ No newline at end of file diff --git a/static/js/index.js b/static/js/index.js new file mode 100644 index 0000000..d4e71d6 --- /dev/null +++ b/static/js/index.js @@ -0,0 +1,167 @@ +var product_swiper = new Swiper(".product-swiper", { + loop: true, + slidesPerView: 4, + spaceBetween: 20, + centeredSlides: true, + grabCursor: true, + speed: 800, + autoplay: { + delay: 3000, // 自动切换的时间间隔（单位：毫秒） + disableOnInteraction: false, // 用户操作后是否停止自动播放（false 表示不停止） + }, + breakpoints: { + 0: { + slidesPerView: 1, + centeredSlides: true, + }, + 700: { + slidesPerView: 2, + centeredSlides: true, + }, + 1050: { + slidesPerView: 3, + centeredSlides: false, + }, + 1450: { + slidesPerView: 4, + centeredSlides: false, + }, + 1920: { + slidesPerView: 4, + centeredSlides: false, + }, + }, +}); + +$(document).ready(() => { + $(".product-prev-button").click(() => { + console.log("1") + product_swiper.slidePrev() + }) + $(".product-next-button").click(() => { + product_swiper.slideNext() + }) +}) + +const carousel_swiper = new Swiper(".carousel-swiper", { + loop: true, + effect: "fade", + autoplay: { + delay: 4000, + disableOnInteraction: false, + }, + snpeed: 300, + on: { + slideChangeTransitionStart: function () { + $('.carousel-aos').hide(0); + $('.carousel-aos').removeClass('aos-init').removeClass('aos-animate'); + }, + slideChangeTransitionEnd: function () { + $('.carousel-aos').show(0); + $('.carousel-aos').addClass('aos-init').addClass('aos-animate'); + }, + slideChange: function () { + $(".carousel-pagination-item").each((index, elem) => { + if (index == this.realIndex) { + $(elem).addClass("carousel-pagination-item-active") + } else { + $(elem).removeClass("carousel-pagination-item-active") + } + }) + }, + }, +}); +$(document).ready(() => { + $(".carousel-pagination-item").each((index, elem) => { + $(elem).click(() => { + carousel_swiper.slideToLoop(index, 800, false) + }) + }) +}) + +$('#contactus-submit-button').click(() => { + let comment_title = $('#contactus-first').val() + $('#contactus-last').val() + let comment_contact = $('#contactus-phone').val() + '|' + $('#contactus-address').val() + let comment_content = $('#contactus-content').val() + if ($('#contactus-first').val().length < 1) { + alert('请输入姓') + } else if ($('#contactus-last').val().length < 1) { + alert('请输入名') + } else if ($('#contactus-phone').val().length < 1) { + alert('请输入电话') + } else if ($('#contactus-address').val().length < 1) { + alert('请输入地址') + } else if ($('#contactus-content').val().length < 1) { + alert('请输入您的需求内容') + } else { + $.ajax({ + "url": base_url + "/site/comment/add?auth_id=" + "1" + "&auth_key=" + "97a73b7e-9fde-474f-ba2b-ae4703d1e7bb", + "method": "POST", + "timeout": 0, + "headers": { + "Content-Type": "application/json" + }, + "data": JSON.stringify({ + comment_title: comment_title, + comment_contact: comment_contact, + comment_content: comment_content + }), + }).done(function (response) { + alert(response.errorMessage) + }).catch(() => { + alert('网络错误') + }); + } +}) + +$(document).ready(() => { + $('.navbar-offcanvas-body').hide() + $('.navbar-toggler-icon').click(() => { + $('.navbar-offcanvas').show() + $('.navbar-offcanvas-mask').show() + $('.navbar-offcanvas').animate({ width: '300px' }, () => { + $('.navbar-offcanvas-body').show() + }) + }) + $('.navbar-offcanvas-close-icon').click(() => { + $('.navbar-offcanvas-body').hide() + $('.navbar-offcanvas').animate({ width: '0px' }, () => { + $('.navbar-offcanvas-mask').hide() + $('.navbar-offcanvas').hide() + }) + }) + $('.navbar-offcanvas-mask').click(() => { + $('.navbar-offcanvas-body').hide() + $('.navbar-offcanvas').animate({ width: '0px' }, () => { + $('.navbar-offcanvas-mask').hide() + $('.navbar-offcanvas').hide() + }) + }) + + $('.navbar-offcanvas-inner-button').each((index, item) => { + $(item).click(() => { + if ($(item).parent().children('.navbar-offcanvas-inner').css('display') == 'block') { + $(item).children('.navbar-offcanvas-inner-icon').animate({ 'rotate': '0deg' }) + $(item).parent().children('.navbar-offcanvas-inner').hide() + } else { + $(item).children('.navbar-offcanvas-inner-icon').animate({ 'rotate': '-90deg' }) + $(item).parent().children('.navbar-offcanvas-inner').show() + } + }) + }) +}) + +$(document).ready(function () { + $(window).on('scroll', function () { + // 检查页面滚动的距离 + if ($(window).scrollTop() > 100) { // 当滚动距离超过 50px 时 + $('.navbar').addClass('bg-white').removeClass('bg-transparent'); + $('.navbar a').removeClass('text-white'); + $('.navbar input').removeClass('border-white').removeClass('text-white').removeClass('placeholder-white'); + } else { + $('.navbar').addClass('bg-transparent').removeClass('bg-white'); + $('.navbar a').addClass('text-white'); + $('.navbar input').addClass('border-white').addClass('text-white').addClass('placeholder-white'); + } + }); +}); \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..f10ac2b --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,7 @@ +export default { + theme: { + extend: { + // + }, + }, +}; \ No newline at end of file diff --git a/template.html b/template.html new file mode 100644 index 0000000..abe652d --- /dev/null +++ b/template.html @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file