zdh
1119 lines
64 KiB
HTML
1119 lines
64 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>AI 红利下行业软件公司应对策略 — 效率是底座，能力是天花板</title>
|
||
<style>
|
||
:root {
|
||
--color-primary: #1677FF; --color-primary-hover: #4096FF; --color-primary-active: #0958D9; --color-primary-bg: #E6F4FF;
|
||
--color-success: #52C41A; --color-success-bg: #F6FFED; --color-success-border: #B7EB8F;
|
||
--color-warning: #FAAD14; --color-warning-bg: #FFFBE6; --color-warning-border: #FFE58F;
|
||
--color-error: #FF4D4F; --color-error-bg: #FFF2F0; --color-error-border: #FFCCC7;
|
||
--bg: #F5F5F5; --bg-container: #FFFFFF; --bg-elevated: #FAFAFA;
|
||
--border: #D9D9D9; --border-light: #F0F0F0;
|
||
--text-primary: #141414; --text-secondary: #595959; --text-tertiary: #767676;
|
||
--radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
|
||
--shadow-sm: 0 1px 2px rgba(0,0,0,0.03), 0 1px 6px -1px rgba(0,0,0,0.02);
|
||
--shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04);
|
||
--shadow-lg: 0 4px 8px rgba(0,0,0,0.06), 0 8px 24px -4px rgba(0,0,0,0.08);
|
||
--sidebar-w: 260px; --header-h: 64px;
|
||
}
|
||
*{margin:0;padding:0;box-sizing:border-box;}
|
||
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:14px;}
|
||
::-webkit-scrollbar{width:6px;height:6px;}
|
||
::-webkit-scrollbar-track{background:transparent;}
|
||
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
|
||
|
||
.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);background:rgba(255,255,255,0.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 2rem;z-index:100;}
|
||
.header h1{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--color-primary),#722ED1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
|
||
.header .back-link{margin-right:16px;font-size:13px;color:var(--color-primary);text-decoration:none;flex-shrink:0;}
|
||
.header .back-link:hover{text-decoration:underline;}
|
||
.header .version{margin-left:auto;font-size:12px;color:var(--text-tertiary);font-family:'SF Mono',Monaco,monospace;}
|
||
|
||
.menu-btn{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);font-size:20px;margin-right:12px;flex-shrink:0;}
|
||
.menu-btn:hover{background:var(--bg-elevated);}
|
||
.drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:200;opacity:0;transition:opacity .25s;}
|
||
.drawer-overlay.show{display:block;opacity:1;}
|
||
|
||
.sidebar{position:fixed;top:var(--header-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-container);border-right:1px solid var(--border);overflow-y:auto;padding:1.25rem 0;z-index:90;}
|
||
.sidebar .toc-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);padding:0 1.25rem;margin-bottom:.75rem;font-weight:600;}
|
||
.sidebar .toc-part{font-size:12px;font-weight:700;color:var(--color-primary);padding:.6rem 1.25rem .2rem;margin-top:.4rem;}
|
||
.sidebar nav ol{list-style:none;counter-reset:toc;}
|
||
.sidebar nav li{counter-increment:toc;}
|
||
.sidebar nav a{display:block;padding:.4rem 1.25rem;color:var(--text-secondary);text-decoration:none;font-size:12px;line-height:1.4;border-left:2px solid transparent;transition:all .15s;}
|
||
.sidebar nav a:hover,.sidebar nav a.active{color:var(--color-primary);background:var(--color-primary-bg);}
|
||
.sidebar nav a.active{border-left-color:var(--color-primary);font-weight:600;}
|
||
|
||
.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);padding:32px 40px 64px;min-height:calc(100vh - var(--header-h));max-width:1100px;}
|
||
section{margin:48px 0;scroll-margin-top:calc(var(--header-h) + 1rem);}
|
||
section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
|
||
section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
|
||
section h4{font-size:16px;line-height:24px;margin:16px 0 8px;color:var(--color-success);}
|
||
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
|
||
p.no-indent{text-indent:0;}
|
||
|
||
blockquote{background:var(--color-primary-bg);border-left:4px solid var(--color-primary);margin:16px 0;padding:12px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
|
||
blockquote p{text-indent:0;color:var(--text-primary);font-size:14px;}
|
||
strong{color:var(--text-primary);}
|
||
|
||
.box{border-radius:var(--radius-md);padding:20px 24px;margin:18px 0;}
|
||
.box-info{background:var(--color-primary-bg);border:1px solid #91CAFF;}
|
||
.box-idea{background:#F9F0FF;border:1px solid #D3ADF7;}
|
||
.box-good{background:var(--color-success-bg);border:1px solid var(--color-success-border);}
|
||
.box-warn{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);}
|
||
.box-danger{background:var(--color-error-bg);border:1px solid var(--color-error-border);}
|
||
.box h4{margin:0 0 8px;font-size:14px;font-weight:700;}
|
||
.box-info h4{color:var(--color-primary);}.box-idea h4{color:#722ED1;}.box-good h4{color:var(--color-success);}.box-warn h4{color:var(--color-warning);}.box-danger h4{color:var(--color-error);}
|
||
.box p{font-size:14px;margin:4px 0;text-indent:0;}
|
||
|
||
.table-wrap{overflow-x:auto;margin:20px 0;}
|
||
.table-caption{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px;}
|
||
table{width:100%;border-collapse:collapse;font-size:13px;}
|
||
th,td{padding:10px 14px;border:1px solid var(--border);text-align:left;vertical-align:top;}
|
||
th{background:var(--bg-elevated);font-weight:700;color:var(--text-primary);white-space:nowrap;}
|
||
td{background:var(--bg-container);color:var(--text-secondary);}
|
||
tbody tr:hover td{background:var(--color-primary-bg);}
|
||
|
||
.tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-right:4px;}
|
||
.tag-green{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border);}
|
||
.tag-blue{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid #91CAFF;}
|
||
.tag-warn{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border);}
|
||
.tag-red{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border);}
|
||
.tag-purple{background:#F9F0FF;color:#722ED1;border:1px solid #D3ADF7;}
|
||
|
||
.kpi-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;}
|
||
.kpi{flex:1;min-width:110px;background:var(--color-primary-bg);border-radius:var(--radius-md);padding:14px 12px;text-align:center;}
|
||
.kpi .num{font-size:20px;font-weight:800;color:var(--color-primary);line-height:1.2;}
|
||
.kpi .label{font-size:10px;color:var(--text-tertiary);margin-top:4px;}
|
||
.kpi.warn{background:var(--color-warning-bg);}.kpi.warn .num{color:#D48806;}
|
||
.kpi.good{background:var(--color-success-bg);}.kpi.good .num{color:var(--color-success);}
|
||
|
||
ul,ol{margin:8px 0 8px 20px;}
|
||
li{margin:4px 0;color:var(--text-secondary);font-size:14px;}
|
||
|
||
.flow-chart{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:20px 0;font-size:13px;}
|
||
.flow-node{background:var(--bg-container);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 20px;text-align:center;min-width:100px;}
|
||
.flow-node .title{font-weight:700;color:var(--text-primary);}
|
||
.flow-node .sub{font-size:11px;color:var(--text-tertiary);margin-top:4px;}
|
||
.flow-arrow{font-size:20px;color:var(--color-primary);font-weight:700;}
|
||
|
||
.highlight{background:linear-gradient(180deg, transparent 60%, #FFD666 60%);padding:0 2px;}
|
||
|
||
.section-intro{margin-bottom:24px;}
|
||
.section-intro p{text-indent:0;font-size:15px;color:var(--text-primary);}
|
||
|
||
.back-to-top{display:none;position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:20px;box-shadow:var(--shadow-md);z-index:80;}
|
||
.back-to-top:hover{transform:scale(1.1);}
|
||
.back-to-top.show{display:flex;align-items:center;justify-content:center;}
|
||
|
||
.footer{text-align:center;padding:28px 0;color:var(--text-tertiary);font-size:13px;border-top:1px solid var(--border-light);margin-top:40px;}
|
||
|
||
@media(max-width:992px){:root{--sidebar-w:220px;}.main{padding:24px 20px 48px;}}
|
||
@media(max-width:768px){
|
||
.menu-btn{display:flex;align-items:center;justify-content:center;}
|
||
.sidebar{display:block;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;transform:translateX(-100%);transition:transform .25s ease;z-index:201;padding-top:60px;}
|
||
.sidebar.show{transform:translateX(0);}
|
||
.main{margin-left:0;padding:20px 16px 40px;}
|
||
.header h1{font-size:15px;}
|
||
.flow-chart{flex-direction:column;align-items:stretch;}
|
||
.flow-arrow{text-align:center;transform:rotate(90deg);}
|
||
}
|
||
|
||
/* ===== 演示文稿模式 ===== */
|
||
.mode-toggle{position:fixed;bottom:24px;right:90px;z-index:999;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:24px;border:2px solid var(--color-primary);background:var(--bg-container);color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s;font-family:inherit;}
|
||
.mode-toggle:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg);}
|
||
.mode-toggle .icon{font-size:16px;}
|
||
|
||
/* 演示模式 - 隐藏文档元素 */
|
||
body.preso-mode .header{display:none;}
|
||
body.preso-mode .sidebar{display:none;}
|
||
body.preso-mode .main{display:none;}
|
||
body.preso-mode .back-to-top{display:none!important;}
|
||
body.preso-mode .mode-toggle{bottom:24px;right:24px;border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:#fff;backdrop-filter:blur(8px);}
|
||
body.preso-mode .mode-toggle:hover{background:rgba(255,255,255,0.2);}
|
||
body.preso-mode{background:#0a0e1a;overflow:hidden;}
|
||
body.preso-mode .drawer-overlay{display:none!important;}
|
||
|
||
/* 演示容器 */
|
||
.preso-container{display:none;position:fixed;inset:0;z-index:1000;background:#0a0e1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;}
|
||
body.preso-mode .preso-container{display:flex;flex-direction:column;}
|
||
body.preso-mode .preso-container *{animation:fadeIn .4s ease;}
|
||
|
||
@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
|
||
|
||
.preso-slides{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 60px;position:relative;overflow:hidden;}
|
||
.preso-slide{display:none;text-align:center;max-width:900px;width:100%;flex-direction:column;align-items:center;gap:28px;}
|
||
.preso-slide.active{display:flex;}
|
||
|
||
.preso-slide .slide-tag{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);margin-bottom:4px;}
|
||
.preso-slide .slide-title{font-size:42px;font-weight:800;line-height:1.25;background:linear-gradient(135deg,#fff 0%,#a0c4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
|
||
.preso-slide .slide-subtitle{font-size:20px;color:rgba(255,255,255,0.6);line-height:1.6;max-width:680px;}
|
||
.preso-slide .slide-subtitle strong{color:#fff;background:linear-gradient(180deg,transparent 60%,rgba(22,119,255,0.3) 60%);padding:0 2px;}
|
||
.preso-slide .slide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;text-align:left;}
|
||
.preso-slide .slide-grid.col2{grid-template-columns:repeat(2,1fr);}
|
||
.preso-slide .slide-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px 28px;text-align:left;transition:all .2s;}
|
||
.preso-slide .slide-card:hover{border-color:rgba(22,119,255,0.4);background:rgba(22,119,255,0.08);}
|
||
.preso-slide .slide-card .card-icon{font-size:28px;margin-bottom:12px;}
|
||
.preso-slide .slide-card h4{font-size:17px;font-weight:700;color:#fff;margin-bottom:6px;}
|
||
.preso-slide .slide-card p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.6;margin:0;}
|
||
.preso-slide .slide-table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;}
|
||
.preso-slide .slide-table th{background:transparent;color:var(--color-primary);font-weight:600;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.15);font-size:13px;letter-spacing:1px;}
|
||
.preso-slide .slide-table td{background:transparent;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,0.06);color:rgba(255,255,255,0.8);line-height:1.5;}
|
||
.preso-slide .slide-table td strong{color:#fff;}
|
||
.preso-slide .slide-table tbody tr:hover td{background:rgba(22,119,255,0.08);}
|
||
.preso-slide .slide-quote{font-size:22px;font-weight:600;line-height:1.6;color:rgba(255,255,255,0.85);max-width:700px;border-left:4px solid var(--color-primary);padding-left:24px;text-align:left;}
|
||
.preso-slide .slide-big-num{font-size:72px;font-weight:900;background:linear-gradient(135deg,var(--color-primary),#722ED1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}
|
||
.preso-slide .slide-big-num-label{font-size:16px;color:rgba(255,255,255,0.5);margin-top:4px;}
|
||
|
||
/* 演示控制 */
|
||
.preso-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 40px;border-top:1px solid rgba(255,255,255,0.06);}
|
||
.preso-controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.05);color:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;}
|
||
.preso-controls button:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);}
|
||
.preso-controls button:disabled{opacity:0.3;cursor:default;}
|
||
.preso-controls .slide-dots{display:flex;gap:8px;}
|
||
.preso-controls .dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);transition:all .2s;cursor:pointer;border:none;}
|
||
.preso-controls .dot.active{background:var(--color-primary);width:24px;border-radius:4px;}
|
||
.preso-controls .slide-counter{font-size:12px;color:rgba(255,255,255,0.35);min-width:50px;text-align:center;font-family:'SF Mono',Monaco,monospace;}
|
||
|
||
/* 幻灯片导航侧栏 */
|
||
.preso-nav{position:fixed;left:0;top:0;bottom:0;width:220px;background:rgba(15,18,30,0.95);border-right:1px solid rgba(255,255,255,0.08);z-index:1010;display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease;backdrop-filter:blur(12px);}
|
||
.preso-nav.collapsed{width:44px;}
|
||
.preso-nav.collapsed .preso-nav-item .nav-title,
|
||
.preso-nav.collapsed .preso-nav-header span{display:none;}
|
||
.preso-nav.collapsed .preso-nav-item .nav-num{font-size:14px;width:28px;height:28px;border-radius:6px;}
|
||
.preso-nav.collapsed .preso-nav-list{gap:6px;padding:8px 8px;}
|
||
|
||
.preso-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,0.06);min-height:52px;flex-shrink:0;}
|
||
.preso-nav-header span{font-size:12px;font-weight:600;color:rgba(255,255,255,0.5);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;}
|
||
.preso-nav-toggle{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:rgba(255,255,255,0.5);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;}
|
||
.preso-nav-toggle:hover{background:rgba(255,255,255,0.1);color:#fff;}
|
||
|
||
.preso-nav-list{flex:1;overflow-y:auto;padding:10px 10px;display:flex;flex-direction:column;gap:4px;}
|
||
.preso-nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .15s;border:1px solid transparent;min-height:42px;}
|
||
.preso-nav-item:hover{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.08);}
|
||
.preso-nav-item.active{background:rgba(22,119,255,0.12);border-color:rgba(22,119,255,0.3);}
|
||
.preso-nav-item .nav-num{width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.4);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'SF Mono',Monaco,monospace;transition:all .15s;}
|
||
.preso-nav-item.active .nav-num{background:var(--color-primary);color:#fff;}
|
||
.preso-nav-item .nav-title{font-size:12px;color:rgba(255,255,255,0.55);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
|
||
.preso-nav-item.active .nav-title{color:#fff;font-weight:500;}
|
||
|
||
/* 侧栏占用时调整演示区域 */
|
||
body.preso-mode .preso-slides{padding-left:260px;}
|
||
body.preso-mode .preso-controls{padding-left:260px;}
|
||
.preso-nav.collapsed + .preso-slides-area .preso-slides{padding-left:84px;}
|
||
.preso-nav.collapsed ~ .preso-controls{padding-left:84px;}
|
||
|
||
@media(max-width:768px){
|
||
.preso-nav{width:180px;}
|
||
.preso-nav.collapsed{width:36px;}
|
||
.preso-nav.collapsed .preso-nav-item .nav-num{font-size:11px;width:22px;height:22px;}
|
||
body.preso-mode .preso-slides,body.preso-mode .preso-controls{padding-left:0!important;}
|
||
.preso-nav.collapsed ~ .preso-controls{padding-left:0!important;}
|
||
}
|
||
|
||
@media(max-width:768px){
|
||
.preso-slides{padding:24px 20px;}
|
||
.preso-slide .slide-title{font-size:26px;}
|
||
.preso-slide .slide-subtitle{font-size:16px;}
|
||
.preso-slide .slide-grid{grid-template-columns:1fr;}
|
||
.preso-slide .slide-grid.col2{grid-template-columns:1fr;}
|
||
.preso-slide .slide-quote{font-size:17px;padding-left:16px;}
|
||
.preso-slide .slide-big-num{font-size:48px;}
|
||
.preso-slide .slide-table{font-size:13px;}
|
||
.preso-slide .slide-table th,.preso-slide .slide-table td{padding:8px 10px;}
|
||
.mode-toggle{padding:8px 14px;font-size:12px;right:16px;bottom:16px;}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="drawer-overlay" id="drawerOverlay"></div>
|
||
|
||
<aside class="sidebar" id="sidebar">
|
||
<div class="toc-label">报告目录</div>
|
||
<nav>
|
||
<div class="toc-part">核心论点</div>
|
||
<ol>
|
||
<li><a href="#s0">总纲：效率是底座，能力是天花板</a></li>
|
||
</ol>
|
||
<div class="toc-part">第一篇 · AI 提效：打破三大限制</div>
|
||
<ol>
|
||
<li><a href="#s1-1">受限技术能力做不了 → 现在能做</a></li>
|
||
<li><a href="#s1-2">受限时间做不了 → 现在做得到</a></li>
|
||
<li><a href="#s1-3">受限人员数量做不了 → 同时并行</a></li>
|
||
<li><a href="#s1-4">效率 vs 能力：本质区别</a></li>
|
||
</ol>
|
||
<div class="toc-part">第二篇 · 做加法：把已有业务做到极致</div>
|
||
<ol>
|
||
<li><a href="#s2-0">核心策略：扩市场、提效益</a></li>
|
||
<li><a href="#s2-1">产品打磨：功能、UI、性能、文档</a></li>
|
||
<li><a href="#s2-2">全链条响应升级</a></li>
|
||
<li><a href="#s2-3">跑在客户预期前面</a></li>
|
||
</ol>
|
||
<div class="toc-part">第三篇 · 落地路线图</div>
|
||
<ol>
|
||
<li><a href="#s3-1">逻辑链条总览</a></li>
|
||
<li><a href="#s3-2">三阶段实施节奏</a></li>
|
||
<li><a href="#s3-3">组织与考核调整</a></li>
|
||
</ol>
|
||
<div class="toc-part">附录</div>
|
||
<ol>
|
||
<li><a href="#ax-1">金句库</a></li>
|
||
<li><a href="#ax-2">口播话术</a></li>
|
||
</ol>
|
||
</nav>
|
||
</aside>
|
||
|
||
<header class="header">
|
||
<button class="menu-btn" id="menuBtn" aria-label="打开目录">☰</button>
|
||
<a href="../../index.html" class="back-link">← 返回知识库</a>
|
||
<h1>AI 红利下行业软件公司应对策略</h1>
|
||
<span class="version">V1.0 · 2026-06-01</span>
|
||
</header>
|
||
|
||
<main class="main">
|
||
|
||
<!-- ============================================================ -->
|
||
<!-- 总纲 -->
|
||
<!-- ============================================================ -->
|
||
<section id="s0">
|
||
<h2>总纲：效率是底座，能力是天花板</h2>
|
||
|
||
<blockquote><p>AI 提效是经过验证的——但效率只是入场券，能力提升才是分水岭。核心在于：AI 让团队<strong>能做以前做不了的事</strong>（受限技术能力做不了、受限时间做不了、受限人员数量做不了）。公司的目的是扩大市场、提高效益，要做的是<strong>把已有的业务做到极致</strong>——打磨产品、完善功能、提升 UI、拉通售前→开发→售中→售后全链条响应，跑在客户预期前面。现在能跑在前，是因为行业整体还没动；等全行业都进步了，客户预期就抬升了——所以要趁窗口期把身位抢出来。</p></blockquote>
|
||
|
||
<div class="kpi-row">
|
||
<div class="kpi"><div class="num">30-50%</div><div class="label">开发效率提升（已验证）</div></div>
|
||
<div class="kpi"><div class="num">3 类</div><div class="label">被打破的能力限制</div></div>
|
||
<div class="kpi"><div class="num">5×</div><div class="label">全链条响应倍速提升</div></div>
|
||
<div class="kpi warn"><div class="num">12-18 月</div><div class="label">行业窗口期</div></div>
|
||
</div>
|
||
|
||
<div class="box box-warn">
|
||
<h4>⚠️ 关键认知</h4>
|
||
<p>效率红利会随行业普及而消失（大家都用 AI 就拉平了），能力溢价不会——因为能力的积累是路径依赖的。你先建立了某种能力，后来者要追需要的不是 AI 工具，是时间。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================ -->
|
||
<!-- 第一篇：AI 提效——打破三大限制 -->
|
||
<!-- ============================================================ -->
|
||
<section id="s1-0">
|
||
<h2>第一篇：AI 提效——打破三大限制</h2>
|
||
<blockquote><p>AI 不只让开发变快，更让开发变强——强到能做以前根本做不了的事。效率是数字，能力是边界。数字到一定程度就碰到天花板了，边界可以一直往外推。</p></blockquote>
|
||
</section>
|
||
|
||
<section id="s1-1">
|
||
<h2>1.1 受限一：技术能力做不了 → 现在能做</h2>
|
||
|
||
<p>以前不是不想做，是团队里没有能搞定的人。性能调优、安全加固、复杂报表引擎、智能巡检——这些事以前要"等那个懂的人"，排期排不上，排上了也要等他有空。AI 把专业门槛拉下来了。</p>
|
||
|
||
<div class="table-wrap">
|
||
<div class="table-caption">表：技术能力限制被 AI 突破的典型场景</div>
|
||
<table>
|
||
<thead><tr><th style="width:18%;">场景</th><th style="width:30%;">AI 之前</th><th>AI 之后</th></tr></thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>性能调优</strong></td>
|
||
<td>需要同时精通 JVM、操作系统、网络协议和业务逻辑的人，全公司可能只有一个</td>
|
||
<td>有基础工程素养的开发者 + AI，一个下午完成 profiling、定位热点、出方案、写 benchmark 验证</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>安全审计</strong></td>
|
||
<td>一年请一次外部团队，几十万，查到的往往是半年的隐患积累</td>
|
||
<td>每个 PR 做一次代码级安全扫描，实时发现问题，常态化治理</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>跨语言开发</strong></td>
|
||
<td>"我们是 Java 技术栈，没 Go 的人，做不了"</td>
|
||
<td>成熟工程师 + AI，跨语言开发从"不可行"变成"可接受"，往"无缝"靠近</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>全链路压测</strong></td>
|
||
<td>要专门团队搭建，一般公司做不起</td>
|
||
<td>1-2 个人借助 AI 就能搭起来，压测从年度事件变成常态化</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>数据库调优</strong></td>
|
||
<td>应用开发遇到慢查询只能喊 DBA，DBA 排期到下周</td>
|
||
<td>开发者 + AI 分析执行计划、提出索引方案、验证效果，大部分问题当场解决</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-info">
|
||
<h4>💡 落地动作</h4>
|
||
<p>把团队以前"一直想做但觉得技术够不着"的事列个清单。AI 一来，这个清单上 80% 的事项可以重新评估——你会发现很多已经能做了。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s1-2">
|
||
<h2>1.2 受限二：时间做不了 → 现在做得到</h2>
|
||
|
||
<p>以前有时间窗口，能做出来但赶不上——评估下来"技术上能做，但要两周，排不上这轮迭代"。AI 把试错和开发的周期压缩了，"性价比门槛"被打下来。</p>
|
||
|
||
<div class="table-wrap">
|
||
<div class="table-caption">表：时间限制被压缩的关键环节</div>
|
||
<table>
|
||
<thead><tr><th>环节</th><th style="width:14%;">AI 之前耗时</th><th style="width:14%;">AI 之后耗时</th><th>变化</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>需求 → PRD</td><td>一周</td><td>一天</td><td>压缩 85%</td></tr>
|
||
<tr><td>PRD → 开发完成</td><td>两周</td><td>三天</td><td>压缩 78%</td></tr>
|
||
<tr><td>测试用例编写</td><td>两天</td><td>两小时</td><td>压缩 90%</td></tr>
|
||
<tr><td>文档和发版说明</td><td>半天</td><td>十分钟</td><td>压缩 95%</td></tr>
|
||
<tr><td>代码审查</td><td>半天（人工）</td><td>十分钟（AI 初筛 + 人工复核）</td><td>压缩 90%</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-idea">
|
||
<h4>🔑 关键变化</h4>
|
||
<p>低优先级 backlog 里那些"重要不紧急"的事——UI 打磨、交互优化、异常场景覆盖、技术债务治理——现在有机会翻出来做了。不是因为人多了，是因为做的成本降下来了。同一个团队，季度发 5 个功能变成每月发 10 个。迭代速度本身就是壁垒。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s1-3">
|
||
<h2>1.3 受限三：人员数量做不了 → 同时并行</h2>
|
||
|
||
<p>以前同时只能做三件事，因为人就这么多。主线迭代 + 技术债务治理 + 客户体验优化只能三选一。产能溢出后，能并行推进——客户感知到的不是"你偶尔好一次"，而是"你一直在好"。</p>
|
||
|
||
<div class="table-wrap">
|
||
<div class="table-caption">表：人力资源释放后的并行能力</div>
|
||
<table>
|
||
<thead><tr><th style="width:18%;">维度</th><th style="width:30%;">AI 之前</th><th>AI 之后</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>主线迭代</strong></td><td>占满产能，其他事"以后再说"</td><td>主线不减速</td></tr>
|
||
<tr><td><strong>技术债务</strong></td><td>积压成山，偶尔集中修一轮又迅速堆积</td><td>每轮迭代并行治理，债不欠新</td></tr>
|
||
<tr><td><strong>客户体验优化</strong></td><td>"能用就行"，没精力打磨交互细节</td><td>有带宽做交互优化、一致性、无障碍</td></tr>
|
||
<tr><td><strong>边缘场景覆盖</strong></td><td>只做核心流程，异常场景"碰到了再说"</td><td>边界场景和异常流程被系统性纳入</td></tr>
|
||
<tr><td><strong>文档维护</strong></td><td>写了但没人维护，半年就过时</td><td>AI 自动生成 + 随版本更新，始终保持最新</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-good">
|
||
<h4>✅ 一句话</h4>
|
||
<p>不再是"这个季度先赶功能，下个季度再修 bug"。产能溢出让你能在不减速的情况下，多条战线同时推进。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s1-4">
|
||
<h2>1.4 效率 vs 能力：本质区别</h2>
|
||
|
||
<div class="table-wrap">
|
||
<div class="table-caption">表：效率提升 vs 能力提升——不在一个层级</div>
|
||
<table>
|
||
<thead><tr><th style="width:12%;">维度</th><th style="width:24%;">效率提升</th><th>能力提升</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>本质</strong></td><td>存量优化</td><td>增量突破</td></tr>
|
||
<tr><td><strong>逻辑</strong></td><td>同一件事，工时变少</td><td>新的事，从做不到变成能做到</td></tr>
|
||
<tr><td><strong>天花板</strong></td><td>受限于原有工作范围</td><td>持续打开新空间</td></tr>
|
||
<tr><td><strong>竞争意义</strong></td><td>追平就行（大家都会变快）</td><td>结构性领先（强不是谁都能强）</td></tr>
|
||
<tr><td><strong>可持续性</strong></td><td>12-18 个月被行业拉平</td><td>能力积累有路径依赖，后来者追需要时间</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-info">
|
||
<h4>💡 核心判断</h4>
|
||
<p><strong>快，大家都会变快。强，不是谁都能强。</strong>效率是明牌，不是底牌。AI 真正的变量不是"做更快"，是"做得了"——从"做不到"变成"做得到"，不是快慢问题，是有无问题。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================ -->
|
||
<!-- 第二篇：做加法——把已有业务做到极致 -->
|
||
<!-- ============================================================ -->
|
||
<section id="s2-0">
|
||
<h2>第二篇：做加法——把已有业务做到极致</h2>
|
||
<blockquote><p>公司的目的是扩大市场、提高效益。AI 释放出来的产能不要用来裁员，要用来<strong>升级服务能力、打磨已有产品、拉通全链条响应</strong>。省人是一道减法题，算完就没了。增值是一道乘法题，上不封顶。</p></blockquote>
|
||
</section>
|
||
|
||
<section id="s2-1">
|
||
<h2>2.1 产品打磨：把已有的做到更好</h2>
|
||
|
||
<div class="table-wrap">
|
||
<div class="table-caption">表：产品打磨四维升级</div>
|
||
<table>
|
||
<thead><tr><th style="width:14%;">维度</th><th style="width:28%;">AI 之前的常态</th><th>AI 之后的可能</th></tr></thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>功能完整性</strong></td>
|
||
<td>做核心流程，边缘场景"以后再说"。异常处理、边界条件没人手覆盖</td>
|
||
<td>边缘场景和异常流程有人做了。功能不是"刚好能用"，是"怎么用都不崩"</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>UI/UX 打磨</strong></td>
|
||
<td>"能用就行"，交互粗糙、视觉不统一、无障碍零覆盖</td>
|
||
<td>有带宽做交互优化、视觉一致性、无障碍适配。客户感知到的是"顺手"而不是"能用"</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>性能与稳定性</strong></td>
|
||
<td>不出大事就行，性能优化靠投诉驱动</td>
|
||
<td>主动优化、压测常态化、监控体系完善。从"响应"进化到"预防"</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>文档与帮助</strong></td>
|
||
<td>写了但没人维护，半年就过时。新人上手靠口口相传</td>
|
||
<td>AI 自动生成 + 随版本更新。FAQ、操作手册、API 文档始终保持最新</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-info">
|
||
<h4>💡 落地动作</h4>
|
||
<p>每轮迭代留 20% 的产能给"打磨"——不是新功能，是把已有功能做到更好。建一个"客户摩擦点清单"：客户哪里卡壳、哪里反复问、哪里需要人工介入，逐项用 AI 加速解决。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s2-2">
|
||
<h2>2.2 全链条响应升级</h2>
|
||
|
||
<p>售前→开发→售中→售后，每个环节都能被 AI 加速。不是某一个环节变快，是全链条响应速度上一个台阶。</p>
|
||
|
||
<div class="flow-chart">
|
||
<div class="flow-node"><div class="title">🔍 售前</div><div class="sub">当天出方案<br>Demo 智能搭建<br>方案框架 AI 生成</div></div>
|
||
<div class="flow-arrow">→</div>
|
||
<div class="flow-node"><div class="title">⚙️ 开发</div><div class="sub">迭代周期压缩<br>周级发版<br>AI 编程 + 自动测试</div></div>
|
||
<div class="flow-arrow">→</div>
|
||
<div class="flow-node"><div class="title">🚀 售中（交付）</div><div class="sub">智能数据迁移<br>配置向导<br>培训材料自动生成</div></div>
|
||
<div class="flow-arrow">→</div>
|
||
<div class="flow-node"><div class="title">🎧 售后</div><div class="sub">AI 客服承接 80%<br>主动预警<br>问题自动归因</div></div>
|
||
</div>
|
||
|
||
<h3>售前：响应速度就是第一印象</h3>
|
||
<div class="table-wrap">
|
||
<table>
|
||
<thead><tr><th style="width:20%;">能力</th><th style="width:28%;">AI 之前</th><th>AI 之后</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>方案撰写</strong></td><td>售前手动写，三天出一版方案</td><td>输入客户需求，AI 输出初步方案框架，售前聚焦定制和判断，<strong>当天出方案</strong></td></tr>
|
||
<tr><td><strong>Demo 演示</strong></td><td>提前准备固定 demo，客户想看什么不一定有</td><td>客户想看什么场景，AI 自动配好数据，<strong>按需搭建 demo 环境</strong></td></tr>
|
||
<tr><td><strong>竞品对标</strong></td><td>售前凭经验，信息不全</td><td>AI 辅助做竞品分析、功能对比矩阵，<strong>精准度大幅提升</strong></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<h3>开发：短周期是客户感知的核心</h3>
|
||
<p>客户提了反馈，能不能一周内出新版而不是等月度发版？AI 让短周期成为可能。关键是<strong>反馈回路要短</strong>——客户说的东西，下次打开就有了。这种体感，竞对追不上。</p>
|
||
|
||
<h3>售中（交付）：缩短从签约到上线的距离</h3>
|
||
<div class="table-wrap">
|
||
<table>
|
||
<thead><tr><th style="width:20%;">能力</th><th style="width:28%;">AI 之前</th><th>AI 之后</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>数据迁移</strong></td><td>手动写迁移脚本，反复调试。一个项目 3-6 个月</td><td>AI 生成迁移脚本并自动校验，<strong>实施周期从三个月降到三周</strong></td></tr>
|
||
<tr><td><strong>配置上线</strong></td><td>实施顾问驻场，手动配置</td><td>智能配置向导 + AI 引导，<strong>客户可自助完成大部分配置</strong></td></tr>
|
||
<tr><td><strong>培训</strong></td><td>通用培训材料，与客户实际流程脱节</td><td>基于客户实际业务流程<strong>自动生成定制化培训材料</strong></td></tr>
|
||
<tr><td><strong>定制需求响应</strong></td><td>实施中提的定制需求，评估慢、排期远</td><td>AI 辅助快速评估和响应，<strong>现场问题现场解决</strong></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-good">
|
||
<h4>✅ 关键结果</h4>
|
||
<p>实施周期缩短 → 客户更快上线 → 更快看到价值 → 满意度自然上去。<strong>交付能力就是接单能力，接单能力就是营收规模。</strong></p>
|
||
</div>
|
||
|
||
<h3>售后：从"修问题"到"预防问题"</h3>
|
||
<div class="table-wrap">
|
||
<table>
|
||
<thead><tr><th style="width:20%;">能力</th><th style="width:28%;">AI 之前</th><th>AI 之后</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>问题响应</strong></td><td>客户发现问题 → 提工单 → 人工排查 → 解决。链路长</td><td>AI 客服承接 80% 常规问题；复杂问题<strong>自动归因</strong>（是 bug / 理解问题 / 环境问题）再做第一轮判断后转人工</td></tr>
|
||
<tr><td><strong>主动预警</strong></td><td>等客户投诉才知道出了问题</td><td>系统异常在客户发现之前，内部已经收到告警并开始处理。<strong>你们比客户还早知道有问题</strong></td></tr>
|
||
<tr><td><strong>知识沉淀</strong></td><td>老员工脑子里，走了就没了</td><td>每次问题处理自动归档为知识条目，AI 持续学习，<strong>售后能力越用越强</strong></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div class="box box-idea">
|
||
<h4>🔑 售后体验升级的核心</h4>
|
||
<p>客户感受到的不是"有问题你们能修"，而是"你们比我还早知道有问题，而且已经修好了"。从被动响应到主动服务，这是质的跃迁。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s2-3">
|
||
<h2>2.3 跑在客户预期前面</h2>
|
||
|
||
<div class="box box-warn">
|
||
<h4>⚠️ 窗口期判断</h4>
|
||
<p><strong>现在你能跑在前面，是因为行业整体还没动。但窗口期有限——12 到 18 个月。</strong>当客户还没要求"AI 助手"、"智能分析"、"实时响应"时，你已经做进去了。等他学会了提这些要求，你已经是行业标杆，他在拿你当标准来衡量竞对。</p>
|
||
</div>
|
||
|
||
<h3>预期抬升的必然趋势</h3>
|
||
<div class="table-wrap">
|
||
<table>
|
||
<thead><tr><th style="width:22%;">客户预期项</th><th style="width:24%;">今天"正常"的标准</th><th>明年"正常"的标准</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>响应速度</strong></td><td>两天内回复是正常的</td><td>两小时不回就是服务差</td></tr>
|
||
<tr><td><strong>功能迭代</strong></td><td>半年一个大版本是正常的</td><td>一个月没新功能你们是不是不行了</td></tr>
|
||
<tr><td><strong>系统稳定性</strong></td><td>"软件嘛总有 bug"是正常的</td><td>零容忍，出一次问题就动摇信任</td></tr>
|
||
<tr><td><strong>智能程度</strong></td><td>"软件就是记录数据"是正常的</td><td>不能做分析、不能给建议的软件就不算软件</td></tr>
|
||
<tr><td><strong>上手难度</strong></td><td>"需要培训两周"是正常的</td><td>开箱即用才是标准，培训说明产品不行</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<h3>竞争终局：谁定义标准，谁赢</h3>
|
||
|
||
<div class="box box-info">
|
||
<h4>💡 三步走</h4>
|
||
<p><strong>现在：</strong>在客户还没提要求的时候，把服务标准提上去。<br>
|
||
<strong>中期：</strong>在竞对还没反应过来的时候，把体验差距拉开。<br>
|
||
<strong>终局：</strong>等客户预期整体提升时，你是定义那个预期的人，不是追预期的人。客户开始期待的时候，你已经在终点坐着。</p>
|
||
</div>
|
||
|
||
<div class="box box-good">
|
||
<h4>✅ 一句话</h4>
|
||
<p>现在不是省力的时候，是<strong>抢身位</strong>的时候。效率红利大家都会吃，能力壁垒才是真正的护城河。裁员是在终点线前弃赛。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================ -->
|
||
<!-- 第三篇：落地路线图 -->
|
||
<!-- ============================================================ -->
|
||
<section id="s3-0">
|
||
<h2>第三篇：落地路线图</h2>
|
||
<blockquote><p>几十人的行业软件公司，资源有限，不能全面铺开。建议三阶段走，每阶段有明确的目标和指标。</p></blockquote>
|
||
</section>
|
||
|
||
<section id="s3-1">
|
||
<h2>3.1 逻辑链条总览</h2>
|
||
|
||
<div class="flow-chart" style="flex-direction:column;gap:8px;">
|
||
<div class="flow-node" style="text-align:center;max-width:600px;"><div class="title">AI 红利</div></div>
|
||
<div style="display:flex;gap:12px;flex-wrap:wrap;justify-content:center;">
|
||
<div class="flow-node" style="flex:1;min-width:200px;"><div class="title">破限制 → 能做以前做不了的事</div><div class="sub">技术门槛被打穿<br>时间成本被压缩<br>人力瓶颈被释放</div></div>
|
||
<div class="flow-node" style="flex:1;min-width:200px;"><div class="title">做加法 → 把已有业务做到极致</div><div class="sub">产品打磨：功能、UI、性能、文档<br>全链加速：售前→开发→交付→售后<br>跑赢预期：在客户学会期待之前先做到位</div></div>
|
||
</div>
|
||
<div class="flow-node" style="text-align:center;max-width:600px;background:var(--color-primary-bg);border-color:#91CAFF;"><div class="title">市场扩大 + 效益提升</div></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s3-2">
|
||
<h2>3.2 三阶段实施节奏</h2>
|
||
|
||
<div class="table-wrap">
|
||
<div class="table-caption">表：三阶段落地路线图</div>
|
||
<table>
|
||
<thead><tr><th style="width:8%;">阶段</th><th style="width:14%;">时间</th><th style="width:20%;">核心动作</th><th>目标与指标</th></tr></thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><span class="tag tag-blue">第一阶段</span></td>
|
||
<td>0-3 个月</td>
|
||
<td>
|
||
• 全员 AI 工具配备（编程、测试、文档、客服）<br>
|
||
• 研发端全量上 AI 编程助手<br>
|
||
• 梳理行业知识资产（隐性经验文档化）
|
||
</td>
|
||
<td>
|
||
<strong>目标：武装到牙齿</strong><br>
|
||
• 每个角色找到至少 1 个核心场景的 AI 提效点<br>
|
||
• 开发速度基线提升 30%+<br>
|
||
• 行业知识有系统沉淀<br>
|
||
• <strong>不做任何裁员</strong>，释放的时间用于学习 AI 和知识梳理
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="tag tag-purple">第二阶段</span></td>
|
||
<td>3-9 个月</td>
|
||
<td>
|
||
• 产品内置行业 AI 助手<br>
|
||
• 智能实施/交付体系搭建<br>
|
||
• 行业数据服务试点（选 1-2 家大客户）<br>
|
||
• 迭代节奏进入周级
|
||
</td>
|
||
<td>
|
||
<strong>目标：产品 AI 化</strong><br>
|
||
• 实施周期显著缩短<br>
|
||
• 客户对 AI 功能正向反馈<br>
|
||
• 有客户为数据服务付费<br>
|
||
• 中小客户自助化覆盖启动
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td><span class="tag tag-green">第三阶段</span></td>
|
||
<td>9-18 个月</td>
|
||
<td>
|
||
• 行业模型/知识库成型<br>
|
||
• 产品线扩展（上下游或相邻场景）<br>
|
||
• 商业模式升级（软件 + AI 服务 + 数据洞察）<br>
|
||
• 团队能力进化到"行业方案交付"
|
||
</td>
|
||
<td>
|
||
<strong>目标：壁垒成型</strong><br>
|
||
• 竞对分析差距明显拉大<br>
|
||
• 新收入来源占比持续提升<br>
|
||
• 客户续约率和 NPS 显著提高<br>
|
||
• 人均营收大幅提升
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="s3-3">
|
||
<h2>3.3 组织与考核调整</h2>
|
||
|
||
<h3>考核要改，否则行为不会变</h3>
|
||
<div class="table-wrap">
|
||
<table>
|
||
<thead><tr><th style="width:25%;">不要再考核</th><th>应该考核</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>需求完成数（量的堆砌）</td><td>客户价值交付速度和质量</td></tr>
|
||
<tr><td>代码量（AI 让这个指标失真）</td><td>AI 使用深度和产出质量</td></tr>
|
||
<tr><td>加班时长</td><td>行业知识贡献度和产品创新</td></tr>
|
||
<tr><td>个人孤立产出</td><td>团队整体交付效能</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<h3>团队结构自然演进</h3>
|
||
<ul>
|
||
<li><strong>产研比例要变：</strong>开发效率提升后，纯开发人力需求不会线性增长，但<strong>行业方案专家、AI 应用专家、数据工程师</strong>的需求会增加</li>
|
||
<li><strong>老员工尤其重要：</strong>他们脑子里的行业经验是不可替代的。要给他们配 AI 工具和 AI 搭档，把经验产品化，而不是让他们被卷</li>
|
||
<li><strong>招聘画像要变：</strong>以前招"Java 三年经验懂 Spring Boot"，以后招"有行业好奇心、善于用工具、能独立交付完整方案"</li>
|
||
</ul>
|
||
|
||
<div class="box box-idea">
|
||
<h4>🔑 不裁员，但要进化</h4>
|
||
<p>不说裁员，但要说清楚：团队要用 AI 把能力翻倍，每个人都需要适应。期间有人自然选择离开，有人被激发新能力。重点不是"谁走"，而是<strong>"让留下来的人跑得更快"</strong>。行业软件公司的核心资产是"懂行业的人"，不是"写代码的人"——前者一个都不能少，后者可以被 AI 放大。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============================================================ -->
|
||
<!-- 附录 -->
|
||
<!-- ============================================================ -->
|
||
<section id="ax-0">
|
||
<h2>附录</h2>
|
||
</section>
|
||
|
||
<section id="ax-1">
|
||
<h2>A.1 金句库</h2>
|
||
|
||
<div class="box box-info">
|
||
<p><strong>"快，大家都会变快。强，不是谁都能强。"</strong></p>
|
||
<p style="margin-top:8px;">——适合 PPT 扉页、会议开场</p>
|
||
</div>
|
||
|
||
<div class="box box-idea">
|
||
<p><strong>"省人是一道减法题，算完就没。增值是一道乘法题，上不封顶。"</strong></p>
|
||
<p style="margin-top:8px;">——适合预算答辩、管理层汇报</p>
|
||
</div>
|
||
|
||
<div class="box box-warn">
|
||
<p><strong>"效率红利会普及，能力壁垒才稀缺。不要用 AI 裁掉未来的可能性。"</strong></p>
|
||
<p style="margin-top:8px;">——适合给 HR 定调、组织调整讨论</p>
|
||
</div>
|
||
|
||
<div class="box box-good">
|
||
<p><strong>"同样的团队，AI 之前能扛 10 个客户，AI 之后能扛 50 个——这不是裁员信号，是扩张信号。"</strong></p>
|
||
<p style="margin-top:8px;">——适合全员大会、战略宣贯</p>
|
||
</div>
|
||
|
||
<div class="box box-info">
|
||
<p><strong>"现在不是省力的时候，是抢身位的时候。"</strong></p>
|
||
<p style="margin-top:8px;">——适合管理层决策会</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="ax-2">
|
||
<h2>A.2 口播话术</h2>
|
||
|
||
<h3>一句话版（电梯里说）</h3>
|
||
<blockquote><p>AI 不是来替代人的，是来替代"人不够用"这个老问题的。省下来的人不做减法做加法，用更强的能力去打更大的市场。</p></blockquote>
|
||
|
||
<h3>三句话版（开会抢时间）</h3>
|
||
<blockquote>
|
||
<p>1. AI 不只是让开发变快，是让开发变强——强到能做以前根本做不了的事。</p>
|
||
<p>2. 能力跃迁带来的溢价，远大于砍几个人省下的工资。</p>
|
||
<p>3. 效率红利大家都会吃，能力壁垒才是真正的护城河。裁员是在终点线前弃赛。</p>
|
||
</blockquote>
|
||
|
||
<h3>总结陈词版</h3>
|
||
<blockquote>
|
||
<p>AI 给团队带来的改变，分两层看。</p>
|
||
<p>第一层是效率——同样的活干得更快，这是基本盘，但也是所有人都能拿到的红利。你用别人也用，拉不开差距。</p>
|
||
<p>第二层才是关键——能力。以前后端写不了前端，现在能了；以前一个人搞不定全链路，现在能了；以前做不起全量压测、做不起安全审计、做不起精细化运营，现在都能了。这是从"做不到"变成"做得到"，不是快慢问题，是有无问题。</p>
|
||
<p>所以结论很清楚：AI 释放出来的不是多余的人，是被旧能力天花板压住的产能。正确的选择是用新增的能力去升级服务、扩张业务、建立壁垒。裁员是把能力红利当成本节省一次花掉——便宜了对手，锁死了自己。</p>
|
||
</blockquote>
|
||
</section>
|
||
|
||
<div class="footer">
|
||
<p>Wiki 知识库 · AI 红利下行业软件公司应对策略 · V1.0 · 2026-06-01</p>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<button class="back-to-top" id="backToTop" title="回到顶部">↑</button>
|
||
|
||
<!-- ==================== 模式切换按钮 ==================== -->
|
||
<button class="mode-toggle" id="modeToggle" title="切换演示文稿模式">
|
||
<span class="icon">🎬</span> 演示模式
|
||
</button>
|
||
|
||
<!-- ==================== 演示文稿容器 ==================== -->
|
||
<div class="preso-container" id="presoContainer">
|
||
<!-- 幻灯片导航侧栏 -->
|
||
<div class="preso-nav" id="presoNav">
|
||
<div class="preso-nav-header">
|
||
<span>幻灯片导航</span>
|
||
<button class="preso-nav-toggle" id="presoNavToggle" title="收起导航">◀</button>
|
||
</div>
|
||
<div class="preso-nav-list" id="presoNavList"></div>
|
||
</div>
|
||
<div class="preso-slides" id="presoSlides">
|
||
|
||
<!-- Slide 0: 封面 -->
|
||
<div class="preso-slide active">
|
||
<div class="slide-tag">行业软件公司 · AI 战略</div>
|
||
<div class="slide-title">效率是底座<br>能力是天花板</div>
|
||
<div class="slide-subtitle">AI 提效是经过验证的，但<strong>效率只是入场券</strong><br>能力提升——<strong>做以前做不了的事</strong>——才是分水岭</div>
|
||
<div class="slide-subtitle" style="margin-top:12px;font-size:15px;color:rgba(255,255,255,0.35);">2026.06</div>
|
||
</div>
|
||
|
||
<!-- Slide 1: 三大限制 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">第一篇 · 破限制</div>
|
||
<div class="slide-title">AI 打破三大能力限制</div>
|
||
<div class="slide-grid col2" style="grid-template-columns:repeat(3,1fr);">
|
||
<div class="slide-card">
|
||
<div class="card-icon">🔧</div>
|
||
<h4>技术能力</h4>
|
||
<p>以前不是不想做，是没人搞得定。AI 把专业门槛拉下来——性能调优、安全审计、跨语言开发，一个人就能启动</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">⏱️</div>
|
||
<h4>时间窗口</h4>
|
||
<p>需求→PRD：1天（原1周）<br>开发完成：3天（原2周）<br>测试用例：2小时（原2天）<br>迭代从季度发版变成周级</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">👥</div>
|
||
<h4>人员数量</h4>
|
||
<p>主线迭代 + 技术债治理 + 体验优化并行推进。客户感知不再是"偶尔好一次"，而是"一直在变好"</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 2: 效率vs能力 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">本质区别</div>
|
||
<div class="slide-title">效率 vs 能力</div>
|
||
<table class="slide-table">
|
||
<thead><tr><th>维度</th><th>效率提升</th><th>能力提升</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>本质</strong></td><td>存量优化</td><td><strong>增量突破</strong></td></tr>
|
||
<tr><td><strong>逻辑</strong></td><td>同一件事，工时变少</td><td><strong>新的事，从做不到→能做到</strong></td></tr>
|
||
<tr><td><strong>天花板</strong></td><td>限于原有工作范围</td><td><strong>持续打开新空间</strong></td></tr>
|
||
<tr><td><strong>竞争</strong></td><td>追平就行（大家都会变快）</td><td><strong>结构性领先（强不是谁都能强）</strong></td></tr>
|
||
<tr><td><strong>可持续</strong></td><td>12-18个月被拉平</td><td><strong>路径依赖，后来者追需要时间</strong></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Slide 3: 产品打磨 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">第二篇 · 做加法</div>
|
||
<div class="slide-title">把已有的做到极致</div>
|
||
<div class="slide-grid" style="grid-template-columns:repeat(4,1fr);">
|
||
<div class="slide-card">
|
||
<div class="card-icon">📦</div>
|
||
<h4>功能完整</h4>
|
||
<p>从"刚好能用"到"怎么用都不崩"，边缘场景和异常流系统性覆盖</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">🎨</div>
|
||
<h4>UI/UX 打磨</h4>
|
||
<p>交互优化、视觉一致、无障碍适配。客户感知从"能用"到"顺手"</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">⚡</div>
|
||
<h4>性能稳定</h4>
|
||
<p>压测常态化、监控体系完善。从"响应问题"进化到"预防问题"</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">📖</div>
|
||
<h4>文档帮助</h4>
|
||
<p>AI 自动生成+随版更新，FAQ、手册、API 文档始终保持最新</p>
|
||
</div>
|
||
</div>
|
||
<div class="slide-subtitle" style="margin-top:8px;">每轮迭代留 <strong>20%</strong> 产能给"打磨"——不是新功能，是把已有功能做到更好</div>
|
||
</div>
|
||
|
||
<!-- Slide 4: 全链条 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">全链条响应</div>
|
||
<div class="slide-title">售前 → 开发 → 交付 → 售后</div>
|
||
<div class="slide-grid" style="grid-template-columns:repeat(4,1fr);">
|
||
<div class="slide-card">
|
||
<div class="card-icon">🔍</div>
|
||
<h4>售前</h4>
|
||
<p>当天出方案<br>场景化 Demo 智能搭建<br>竞品对标精准化</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">⚙️</div>
|
||
<h4>开发</h4>
|
||
<p>周级发版迭代<br>客户反馈 1 周内上线<br>反馈回路极致缩短</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">🚀</div>
|
||
<h4>交付</h4>
|
||
<p>实施周期 3月→3周<br>智能数据迁移+配置<br>培训材料自动生成</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">🎧</div>
|
||
<h4>售后</h4>
|
||
<p>AI 承接 80% 问题<br>主动预警：比客户早知道<br>知识持续沉淀积累</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 5: 跑赢预期 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">竞争节奏</div>
|
||
<div class="slide-title">跑在客户预期前面</div>
|
||
<div class="slide-quote">当客户还没要求"AI助手"、"智能分析"、"实时响应"时，你已经做进去了。等他学会了提这些要求，你已经是行业标杆——<strong>他在拿你当标准来衡量竞对</strong>。</div>
|
||
<div class="slide-grid col2" style="margin-top:8px;">
|
||
<div class="slide-card">
|
||
<h4>📈 预期必然抬升</h4>
|
||
<p>今天"两天回复=正常" → 明年"两小时不回=差"<br>今天"半年一版=正常" → 明年"一月无新=不行"<br>今天"有bug=正常" → 明年"零容忍"</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<h4>🏁 终局</h4>
|
||
<p><strong>谁定义标准，谁赢。</strong><br>客户预期抬升时，你是定义预期的人，不是追预期的人。等客户开始期待，你已在终点坐着。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 6: 落地路线 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">第三篇 · 落地</div>
|
||
<div class="slide-title">三阶段路线图</div>
|
||
<div class="slide-grid" style="grid-template-columns:repeat(3,1fr);">
|
||
<div class="slide-card">
|
||
<div class="card-icon">🔫</div>
|
||
<h4>第一阶段 · 0-3月</h4>
|
||
<p><strong>武装到牙齿</strong><br>全员 AI 工具配备<br>开发速度基线 +30%<br>行业知识系统沉淀<br>不做任何裁员</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">🧠</div>
|
||
<h4>第二阶段 · 3-9月</h4>
|
||
<p><strong>产品 AI 化</strong><br>内置行业 AI 助手<br>实施周期 3月→3周<br>数据服务试点付费<br>迭代进入周级</p>
|
||
</div>
|
||
<div class="slide-card">
|
||
<div class="card-icon">🏰</div>
|
||
<h4>第三阶段 · 9-18月</h4>
|
||
<p><strong>壁垒成型</strong><br>行业模型/知识库成型<br>竞对差距明显拉大<br>商业模式升级<br>人均营收大幅提升</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 7: 金句 -->
|
||
<div class="preso-slide">
|
||
<div class="slide-tag">记住这一句</div>
|
||
<div class="slide-title">省人是一道减法题，算完就没了<br>增值是一道乘法题，上不封顶</div>
|
||
<div class="slide-grid col2" style="margin-top:8px;">
|
||
<div class="slide-card"><p style="font-size:15px;">💡 快，大家都会变快。强，不是谁都能强。</p></div>
|
||
<div class="slide-card"><p style="font-size:15px;">💡 效率红利会普及，能力壁垒才稀缺。</p></div>
|
||
<div class="slide-card"><p style="font-size:15px;">💡 同样的团队，AI之前扛10个客户，AI之后扛50个——这不是裁员信号，是扩张信号。</p></div>
|
||
<div class="slide-card"><p style="font-size:15px;">💡 现在不是省力的时候，是抢身位的时候。</p></div>
|
||
</div>
|
||
<div class="slide-subtitle" style="margin-top:16px;font-size:16px;color:rgba(255,255,255,0.5);">效率让团队跑得快，<strong>能力让团队去对手跑不到的地方</strong></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- 控制栏 -->
|
||
<div class="preso-controls">
|
||
<button id="presoPrev" title="上一页 (←)">◀</button>
|
||
<div class="slide-dots" id="slideDots"></div>
|
||
<button id="presoNext" title="下一页 (→)">▶</button>
|
||
<span class="slide-counter" id="slideCounter">1 / 8</span>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 侧栏导航
|
||
(function() {
|
||
var drawer = document.getElementById('drawerOverlay');
|
||
var sidebar = document.getElementById('sidebar');
|
||
var menuBtn = document.getElementById('menuBtn');
|
||
var mainLinks = document.querySelectorAll('.sidebar nav a');
|
||
var backBtn = document.getElementById('backToTop');
|
||
|
||
function openDrawer() {
|
||
drawer.classList.add('show');
|
||
sidebar.classList.add('show');
|
||
document.body.style.overflow = 'hidden';
|
||
}
|
||
function closeDrawer() {
|
||
drawer.classList.remove('show');
|
||
sidebar.classList.remove('show');
|
||
document.body.style.overflow = '';
|
||
}
|
||
menuBtn.addEventListener('click', openDrawer);
|
||
drawer.addEventListener('click', function(e) {
|
||
if (e.target === drawer) closeDrawer();
|
||
});
|
||
mainLinks.forEach(function(link) {
|
||
link.addEventListener('click', function() {
|
||
if (window.innerWidth <= 768) closeDrawer();
|
||
});
|
||
});
|
||
|
||
// 高亮当前章节
|
||
var sections = document.querySelectorAll('section[id]');
|
||
var navLinks = document.querySelectorAll('.sidebar nav a');
|
||
function updateActive() {
|
||
var scrollY = window.scrollY + 100;
|
||
var current = '';
|
||
sections.forEach(function(sec) {
|
||
if (sec.offsetTop <= scrollY) current = sec.id;
|
||
});
|
||
navLinks.forEach(function(a) {
|
||
a.classList.toggle('active', a.getAttribute('href') === '#' + current);
|
||
});
|
||
}
|
||
window.addEventListener('scroll', updateActive);
|
||
|
||
// 回到顶部
|
||
function toggleBackBtn() {
|
||
backBtn.classList.toggle('show', window.scrollY > 500);
|
||
}
|
||
window.addEventListener('scroll', toggleBackBtn);
|
||
backBtn.addEventListener('click', function() { window.scrollTo({top:0,behavior:'smooth'}); });
|
||
})();
|
||
|
||
// ==================== 演示文稿模式 ====================
|
||
(function() {
|
||
var toggleBtn = document.getElementById('modeToggle');
|
||
var presoContainer = document.getElementById('presoContainer');
|
||
var slides = document.querySelectorAll('.preso-slide');
|
||
var dotsContainer = document.getElementById('slideDots');
|
||
var counter = document.getElementById('slideCounter');
|
||
var prevBtn = document.getElementById('presoPrev');
|
||
var nextBtn = document.getElementById('presoNext');
|
||
var currentSlide = 0;
|
||
var totalSlides = slides.length;
|
||
var isPresoMode = false;
|
||
|
||
// 导航栏元素
|
||
var presoNav = document.getElementById('presoNav');
|
||
var presoNavList = document.getElementById('presoNavList');
|
||
var presoNavToggle = document.getElementById('presoNavToggle');
|
||
var navCollapsed = false;
|
||
|
||
// 幻灯片标题（用于导航栏）
|
||
var slideLabels = [
|
||
'封面：效率是底座，能力是天花板',
|
||
'AI 打破三大能力限制',
|
||
'效率 vs 能力：本质区别',
|
||
'把已有的做到极致',
|
||
'全链条响应：售前→售后',
|
||
'跑在客户预期前面',
|
||
'三阶段落地路线图',
|
||
'金句：记住这一句'
|
||
];
|
||
|
||
// 构建导航栏
|
||
for (var i = 0; i < totalSlides; i++) {
|
||
var item = document.createElement('div');
|
||
item.className = 'preso-nav-item' + (i === 0 ? ' active' : '');
|
||
item.innerHTML = '<span class="nav-num">' + (i + 1) + '</span><span class="nav-title">' + slideLabels[i] + '</span>';
|
||
item.addEventListener('click', (function(idx) { return function() { goToSlide(idx); }; })(i));
|
||
presoNavList.appendChild(item);
|
||
}
|
||
|
||
// 构建圆点
|
||
for (var i = 0; i < totalSlides; i++) {
|
||
var dot = document.createElement('button');
|
||
dot.className = 'dot' + (i === 0 ? ' active' : '');
|
||
dot.setAttribute('aria-label', 'Slide ' + (i + 1));
|
||
dot.addEventListener('click', (function(idx) { return function() { goToSlide(idx); }; })(i));
|
||
dotsContainer.appendChild(dot);
|
||
}
|
||
|
||
function updateUI() {
|
||
slides.forEach(function(s, i) { s.classList.toggle('active', i === currentSlide); });
|
||
var dots = dotsContainer.querySelectorAll('.dot');
|
||
dots.forEach(function(d, i) { d.classList.toggle('active', i === currentSlide); });
|
||
counter.textContent = (currentSlide + 1) + ' / ' + totalSlides;
|
||
prevBtn.disabled = currentSlide === 0;
|
||
nextBtn.disabled = currentSlide === totalSlides - 1;
|
||
// 更新导航栏
|
||
var navItems = presoNavList.querySelectorAll('.preso-nav-item');
|
||
navItems.forEach(function(item, i) { item.classList.toggle('active', i === currentSlide); });
|
||
}
|
||
|
||
// 导航栏展开/收起
|
||
presoNavToggle.addEventListener('click', function(e) {
|
||
e.stopPropagation();
|
||
navCollapsed = !navCollapsed;
|
||
if (navCollapsed) {
|
||
presoNav.classList.add('collapsed');
|
||
presoNavToggle.textContent = '▶';
|
||
} else {
|
||
presoNav.classList.remove('collapsed');
|
||
presoNavToggle.textContent = '◀';
|
||
}
|
||
});
|
||
|
||
function goToSlide(idx) {
|
||
if (idx < 0 || idx >= totalSlides) return;
|
||
currentSlide = idx;
|
||
updateUI();
|
||
}
|
||
|
||
function enterPresoMode() {
|
||
isPresoMode = true;
|
||
document.body.classList.add('preso-mode');
|
||
toggleBtn.innerHTML = '<span class="icon">📄</span> 文档模式';
|
||
currentSlide = 0;
|
||
updateUI();
|
||
}
|
||
|
||
function exitPresoMode() {
|
||
isPresoMode = false;
|
||
document.body.classList.remove('preso-mode');
|
||
toggleBtn.innerHTML = '<span class="icon">🎬</span> 演示模式';
|
||
}
|
||
|
||
toggleBtn.addEventListener('click', function() {
|
||
if (isPresoMode) { exitPresoMode(); } else { enterPresoMode(); }
|
||
});
|
||
|
||
prevBtn.addEventListener('click', function() { goToSlide(currentSlide - 1); });
|
||
nextBtn.addEventListener('click', function() { goToSlide(currentSlide + 1); });
|
||
|
||
// 键盘导航
|
||
document.addEventListener('keydown', function(e) {
|
||
if (!isPresoMode) return;
|
||
if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') { e.preventDefault(); goToSlide(currentSlide - 1); }
|
||
if (e.key === 'ArrowRight' || e.key === 'ArrowDown' || e.key === ' ') { e.preventDefault(); goToSlide(currentSlide + 1); }
|
||
if (e.key === 'Escape') { exitPresoMode(); }
|
||
if (e.key === 'Home') { e.preventDefault(); goToSlide(0); }
|
||
if (e.key === 'End') { e.preventDefault(); goToSlide(totalSlides - 1); }
|
||
});
|
||
|
||
// 触摸滑动
|
||
var touchStartX = 0, touchStartY = 0;
|
||
presoContainer.addEventListener('touchstart', function(e) {
|
||
touchStartX = e.touches[0].clientX; touchStartY = e.touches[0].clientY;
|
||
});
|
||
presoContainer.addEventListener('touchend', function(e) {
|
||
if (!isPresoMode) return;
|
||
var dx = e.changedTouches[0].clientX - touchStartX;
|
||
var dy = e.changedTouches[0].clientY - touchStartY;
|
||
if (Math.abs(dx) > Math.abs(dy) && Math.abs(dx) > 40) {
|
||
if (dx < 0) goToSlide(currentSlide + 1);
|
||
else goToSlide(currentSlide - 1);
|
||
}
|
||
});
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|