01
需求沟通
了解您的印刷需求，包括产品类型、规格、数量、材质、工艺等详细信息。
02
在线报价
根据您的需求，使用在线报价系统实时计算价格，提供详细的报价方案。
03
文件审核
专业人员审核您提供的文件，确保文件格式正确，避免印刷错误。
04
生产制作
进入标准化生产流程，严格控制质量，确保产品按时完成。
05
品质检验
每批产品都经过专业检验，确保符合质量标准后再发货。
06
包装发货
精心包装产品，选择合适的物流方式，确保产品安全送达。
color: var(--carbon);
font-size: 20px;
cursor: pointer;
z-index: 3;
// 加载配置
loadConfigs() {
// 并行加载所有配置
Promise.all([
this.fetchConfig('./site-config.json'),
this.fetchConfig('./categories.json'),
this.fetchConfig('./upload/products.json'),
this.fetchConfig('./upload/carousel-config.json')
])
.then(([siteConfig, categories, products, carousel]) => {
this.applySiteConfig(siteConfig);
this.renderCategories(categories);
this.renderProducts(products);
this.renderCarousel(carousel);
})
.catch(error => {
console.error('加载配置失败:', error);
// 使用默认数据
this.renderCategories([]);
this.renderProducts([]);
this.renderCarousel([]);
})
.finally(() => {
// 无论加载成功与否，都隐藏加载动画
this.hideLoader();
});
},
fetchConfig(url) {
return fetch(url, { cache: 'no-store' })
.then(response => {
if (!response.ok) {
throw new Error(`加载 ${url} 失败`);
}
return response.json();
})
.catch(() => null);
},
applySiteConfig(config) {
if (!config) return;
// 应用站点配置
if (config.logo) {
document.getElementById('siteLogo').src = config.logo;
}
if (config.logo_link) {
document.getElementById('siteLogoLink').href = config.logo_link;
}
if (config.welcome_message) {
const welcomeEl = document.getElementById('welcomeMessage');
if (welcomeEl) welcomeEl.textContent = config.welcome_message;
}
if (config.hero_eyebrow) {
const eyebrowEl = document.getElementById('heroEyebrow');
if (eyebrowEl) eyebrowEl.textContent = config.hero_eyebrow;
}
if (config.hero_title) {
const titleEl = document.getElementById('heroTitle');
if (titleEl) titleEl.textContent = config.hero_title;
}
if (config.hero_description) {
const descEl = document.getElementById('heroDescription');
if (descEl) descEl.textContent = config.hero_description;
}
if (config.hero_primary_text) {
const primaryEl = document.getElementById('heroPrimaryAction');
if (primaryEl) primaryEl.textContent = config.hero_primary_text;
}
if (config.hero_primary_link) {
const primaryEl = document.getElementById('heroPrimaryAction');
if (primaryEl) primaryEl.href = config.hero_primary_link;
}
if (config.hero_secondary_text) {
const secondaryEl = document.getElementById('heroSecondaryAction');
if (secondaryEl) secondaryEl.textContent = config.hero_secondary_text;
}
if (config.hero_secondary_link) {
const secondaryEl = document.getElementById('heroSecondaryAction');
if (secondaryEl) secondaryEl.href = config.hero_secondary_link;
}
if (config.hero_panel_title) {
const panelTitleEl = document.getElementById('heroPanelTitle');
if (panelTitleEl) panelTitleEl.textContent = config.hero_panel_title;
}
if (config.hero_panel_description) {
const panelDescEl = document.getElementById('heroPanelDescription');
if (panelDescEl) panelDescEl.textContent = config.hero_panel_description;
}
},
transition: var(--transition);
display: flex !important;
align-items: center;
justify-content: center;
}
.carousel-prev {
left: 16px;
}
.carousel-next {
right: 16px;
}
.carousel-prev:hover, .carousel-next:hover {
background: var(--accent);
color: #fff;
transform: translateY(-50%) scale(1.1);
}
.carousel-track { display: flex; transition: transform 0.6s ease; }
.carousel-slide { min-width: 100%; position: relative; overflow: hidden; }
.carousel-slide img {
width: 100%;
height: 400px;
display: block;
object-fit: cover;
transform: scale(1.02);
}
.carousel-slide::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(20,21,22,.72) 0%, rgba(20,21,22,.15) 58%, rgba(20,21,22,.04) 100%);
}
.carousel-caption {
position: absolute;
left: 32px;
bottom: 32px;
z-index: 2;
color: #fff;
max-width: 500px;
}
.carousel-caption h3 {
margin: 0 0 10px;
font-size: 32px;
line-height: 1.05;
letter-spacing: -.03em;
}
.carousel-caption p {
margin: 0 0 16px;
font-size: 16px;
line-height: 1.8;
color: rgba(255,255,255,.82);
}
.carousel-price {
display: flex;
align-items: baseline;
gap: 8px;
margin-bottom: 16px;
}
.carousel-price .price-current {
font-size: 32px;
font-weight: 800;
color: var(--accent);
}
.carousel-price .price-unit {
font-size: 16px;
color: rgba(255,255,255,.82);
}
.carousel-price .price-original {
font-size: 14px;
color: rgba(255,255,255,.6);
text-decoration: line-through;
}
.carousel-cta {
display: inline-flex;
padding: 12px 20px;
border-radius: 999px;
background: #fff;
color: var(--carbon);
font-weight: 700;
transition: var(--transition);
}
.carousel-cta:hover {
transform: translateY(-2px);
box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}
.carousel-dots {
position: absolute;
right: 20px;
bottom: 18px;
display: flex;
gap: 8px;
z-index: 2;
}
.carousel-dots button {
width: 10px;
height: 10px;
border: none;
border-radius: 50%;
background: rgba(255,255,255,.4);
cursor: pointer;
transition: transform .2s, background .2s;
}
.carousel-dots button.active { background: #fff; transform: scale(1.18); }
/* 响应式调整 */
@media (max-width: 768px) {
.carousel { height: 300px; }
.carousel-slide img { height: 300px; }
.carousel-caption { left: 20px; right: 20px; bottom: 20px; }
.carousel-caption h3 { font-size: 24px; }
.carousel-caption p { font-size: 14px; }
.carousel-price .price-current { font-size: 24px; }
}
createSlide(imageUrl, title, description) {
const slide = document.createElement('div');
slide.className = 'carousel-slide';
slide.innerHTML = `
${title}
${description}
¥0.38
/张
¥0.5
立即下单
`;
return slide;
},
if (slideCount === 0) {
// 使用默认轮播图
const fallback = [
{ image: './yys_files/carousel1.jpg', title: '大四开海报', description: '高品质印刷，色彩鲜艳，适合商场促销、社区通知等场景' },
{ image: './yys_files/carousel2.jpg', title: '企业宣传册', description: '专业设计，高质量印刷，提升企业形象的最佳选择' },
{ image: './yys_files/carousel3.jpg', title: '彩色名片', description: '多种材质选择，专业印刷，展现您的专业形象' }
];
itle>
快速交付 / 价格透明 / 批量稳定
把企业常用印刷品，做成一键下单的标准化服务。
从名片、宣传单到画册、标签和包装物料，云印刷把设计、报价、打样、生产和发货串成一条更省心的流程，让图文店、广告公司和企业采购都能更快成交。
24h
急单响应与排产确认
200+
常用印刷规格可选
7x24
客服咨询与订单跟进
Hot Campaign
新品、促销与企业活动物料，首页第一时间展示。
轮播区承担的是主推产品和活动入口的角色，不只是展示图片，而是引导客户直接进入下单链路。
发起批量订单
Why Choose Us
客户反复下单，不是因为页面好看，而是因为交付稳定。
对印刷业务来说，真正打动客户的是价格、交期、质量和返单效率。我们把这些核心信号直接放在首页前段。
⏱
交期明确
支持急单沟通与批量排产，首页和商品区强调适合谁下单以及多久能交，减少反复咨询。
🧾
报价更直观
商品区优先展示常用价格带和适用场景，让客户先看到结果，再决定是否深入咨询。
📦
多品类覆盖
分类、轮播和商品推荐统一服务于下单链路，让客户从首页直接进入所需品类，不绕路。
Category Entry
按业务场景找品类，比按产品名搜索更快。
让客户先从要解决什么问题出发进入品类，再去看更具体的规格和报价，转化会更顺。
查看全部帮助
Best Sellers
把最容易成交的商品，直接放到首页前排。
首页商品推荐不只是陈列，而是把常见复购品、促销品和适合首次下单的标准化商品优先展示出来。
查看更多商品
Order Flow
从咨询到发货，把流程解释清楚，比堆参数更有效。
很多客户不是不会下单，而是不确定流程复杂不复杂、交期能不能控。把路径讲明白，成交阻力会更小。
01
确认品类与需求
先选常用品类，再确认尺寸、纸张、数量和工艺，减少无效沟通。
02
报价、设计与打样
支持文件上传、设计沟通和打样确认，让批量生产前先把细节定准。
03
批量生产与质检
标准化流程执行生产，关键环节质检，保证颜色和工艺稳定性。
04
包装发货与复购支持
支持复单、补单和多地配送，让常用物料采购更省心。
你需要的不是更花哨的印刷站，而是更省沟通的成交页面。
首页的核心目标只有两个：让客户快速找到入口，让客户放心提交需求。视觉升级只是手段，缩短转化路径才是结果。
支持企业批量采购与长期复购
支持多品类打包报价与下单
支持活动急单和门店物料补货
支持客服跟单与售后沟通
