update pay ui
This commit is contained in:
492
public/htmls/AI一体机.html
Normal file
492
public/htmls/AI一体机.html
Normal file
@@ -0,0 +1,492 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN" data-theme="night">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AI一体机 | 深度投研报告</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.1/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||||
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
background-color: #0a0910;
|
||||
color: #e0e0e0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.glass-card {
|
||||
background: rgba(20, 19, 38, 0.4);
|
||||
backdrop-filter: blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
border: 1px solid rgba(126, 113, 255, 0.2);
|
||||
border-radius: 24px; /* 极致圆角 */
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.glass-card:hover {
|
||||
transform: translateY(-5px) scale(1.01);
|
||||
box-shadow: 0 0 30px rgba(126, 113, 255, 0.3), 0 0 60px rgba(10, 190, 255, 0.2);
|
||||
border-color: rgba(126, 113, 255, 0.4);
|
||||
}
|
||||
|
||||
.glow-text {
|
||||
text-shadow: 0 0 8px rgba(160, 180, 255, 0.6);
|
||||
}
|
||||
|
||||
.glow-text-accent {
|
||||
color: #82aaff;
|
||||
text-shadow: 0 0 10px #82aaff;
|
||||
}
|
||||
|
||||
.bento-grid {
|
||||
display: grid;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.background-glow {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(126, 113, 255, 0.15), transparent 70%),
|
||||
radial-gradient(ellipse 40% 60% at 20% 70%, rgba(10, 190, 255, 0.1), transparent 70%),
|
||||
radial-gradient(ellipse 30% 40% at 80% 30%, rgba(200, 80, 255, 0.1), transparent 70%);
|
||||
animation: background-pan 30s linear infinite alternate;
|
||||
}
|
||||
|
||||
@keyframes background-pan {
|
||||
0% { transform: translate(0%, 0%) scale(1); }
|
||||
100% { transform: translate(5%, -5%) scale(1.2); }
|
||||
}
|
||||
|
||||
.table th, .table td {
|
||||
border-color: rgba(126, 113, 255, 0.15);
|
||||
}
|
||||
|
||||
.table tbody tr:hover {
|
||||
background-color: rgba(126, 113, 255, 0.08);
|
||||
}
|
||||
|
||||
.modal-box {
|
||||
background: rgba(10, 9, 16, 0.7);
|
||||
backdrop-filter: blur(30px);
|
||||
-webkit-backdrop-filter: blur(30px);
|
||||
border: 1px solid rgba(126, 113, 255, 0.3);
|
||||
border-radius: 24px;
|
||||
max-width: 60rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="antialiased">
|
||||
<div class="background-glow"></div>
|
||||
|
||||
<div class="relative min-h-screen container mx-auto p-4 sm:p-8">
|
||||
<header class="text-center mb-12">
|
||||
<h1 class="text-4xl md:text-6xl font-bold glow-text mb-4 tracking-tight">AI一体机</h1>
|
||||
<h2 class="text-2xl md:text-3xl font-light text-primary glow-text-accent">深度投研报告</h2>
|
||||
<p class="mt-6 text-sm text-gray-400 max-w-3xl mx-auto">
|
||||
由 北京价值前沿科技有限公司 AI投研agent：“价小前投研” 进行投研呈现。
|
||||
<br>本报告基于多源信息进行AI合成，仅供研究参考，投资需谨慎。
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<main class="space-y-12">
|
||||
<!-- Insight Section -->
|
||||
<section id="insight" class="glass-card p-6 md:p-10">
|
||||
<h2 class="text-3xl font-bold mb-6 glow-text-accent border-l-4 border-primary pl-4">概念洞察 (Insight)</h2>
|
||||
<div class="prose max-w-none prose-invert prose-p:text-gray-300 prose-li:text-gray-300">
|
||||
<h3 class="!text-xl !text-white glow-text">0. 概念事件</h3>
|
||||
<p>AI一体机概念的崛起并非单一事件驱动，而是在技术、市场和政策多重因素共振下的产物。其发展脉络可梳理如下：</p>
|
||||
<ul>
|
||||
<li><strong>背景 (~2024)</strong>：随着AIGC技术爆发，企业对大模型的应用需求日益增长。然而，公有云API调用存在数据安全隐患和网络不稳定性，而传统的私有化部署则面临技术门槛高、成本动辄千万级的困境。</li>
|
||||
<li><strong>技术催化剂 (2025年Q1)</strong>：以<strong>DeepSeek</strong>为代表的高性能开源大模型出现，极大地降低了企业获取高质量AI算法的门槛，实现了“模型平权”，直接引爆了企业本地化、私有化部署的需求。</li>
|
||||
<li><strong>产业催化剂 (2025年Q1-Q2)</strong>：国产算力生态（特别是<strong>华为昇腾</strong>）的成熟，为私有化部署提供了自主可控的硬件底座。软（DeepSeek）硬（国产算力）两大核心要素的成熟，使得“开箱即用”的AI一体机成为可能。</li>
|
||||
<li><strong>市场引爆 (2025年2月-3月)</strong>：各大厂商密集发布AI一体机产品，证券市场反应热烈，多场路演披露了具体的订单情况和客户需求，为市场提供了基本面验证。</li>
|
||||
<li><strong>趋势确立 (2025年Q2至今)</strong>：随着标杆案例的出现，以及在政务、金融、能源等关键行业的持续落地，AI一体机从一个新兴概念，迅速转变为AI应用落地的关键路径和主流产品形态。</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="!text-xl !text-white glow-text">1. 核心观点摘要</h3>
|
||||
<p>AI一体机正处于由市场需求引爆的<strong>高速渗透初期</strong>。其核心驱动力在于，它通过“软硬一体、开箱即用”的模式，有效解决了企业（尤其是数据敏感型行业）在AI私有化部署中面临的<strong>成本、技术和安全</strong>三大痛点。未来，市场的竞争焦点将迅速从硬件集成的同质化竞争，转向<strong>软件平台、行业know-how和生态整合</strong>的高附加值竞争。</p>
|
||||
|
||||
<h3 class="!text-xl !text-white glow-text">2. 核心逻辑与市场认知分析</h3>
|
||||
<h4>核心驱动力</h4>
|
||||
<ul>
|
||||
<li><strong>数据安全与隐私的刚性需求</strong>：金融、政务、能源、医疗等行业因数据敏感，私有化部署是唯一选择。路演数据显示DeepSeek私有/公有云部署比例约为<strong>4:6</strong>。</li>
|
||||
<li><strong>技术门槛与成本的大幅降低</strong>：路演数据显示，AI一体机将私有化部署成本从“<strong>千万级云集群</strong>”降低至“<strong>百万级一体机</strong>”（200-300万元/台），甚至更低。</li>
|
||||
<li><strong>国产化生态的成熟</strong>：强大的开源模型（<strong>DeepSeek</strong>）与自主可控的算力底座（<strong>华为昇腾、海光DCU、沐曦</strong>等）形成了“模型+算力”的双轮驱动。</li>
|
||||
</ul>
|
||||
<h4>预期差分析</h4>
|
||||
<ol>
|
||||
<li><strong>价值链预期差</strong>：市场可能高估了纯硬件集成商的价值，而低估了软件平台和行业解决方案商的利润弹性。新闻数据指出一体机<strong>毛利率可达50%</strong>，核心在于软件微调和AI PaaS平台。</li>
|
||||
<li><strong>市场规模预期差</strong>：市场空间预测从<strong>500亿</strong>到<strong>2300亿</strong>不等，反映了对渗透率和单价（ASP）假设的不同，市场分层明显。</li>
|
||||
<li><strong>生态主导权预期差</strong>：市场普遍关注华为昇腾生态，但**阿里云合作的一体机**也展现了极强的性价比和订单获取能力，市场格局可能比预期更多元化。</li>
|
||||
</ol>
|
||||
|
||||
<h3 class="!text-xl !text-white glow-text">3. 关键催化剂与未来发展路径</h3>
|
||||
<h4>近期催化剂（未来3-6个月）</h4>
|
||||
<ul>
|
||||
<li><strong>关键行业订单的规模化落地</strong>：如国家电网、大型金融机构的采购计划。</li>
|
||||
<li><strong>AI Agent应用的爆发</strong>：通用AI Agent结合一体机是理想落地形式，将直接拉动需求。</li>
|
||||
<li><strong>标杆项目的示范效应</strong>：如“AI+教育”案例的成功，将催化其他领域的采购需求。</li>
|
||||
</ul>
|
||||
<h4>长期发展路径</h4>
|
||||
<p>从硬件普及期 -> 软件与平台竞争期 -> 垂直行业解决方案深化期 -> 边缘与端侧下沉期。</p>
|
||||
|
||||
<h3 class="!text-xl !text-white glow-text">4. 产业链与核心公司深度剖析</h3>
|
||||
<h4>产业链图谱</h4>
|
||||
<ul>
|
||||
<li><strong>上游 (核心算力与硬件)</strong>: 华为昇腾、海光DCU、沐曦 (AI芯片); 浪潮信息、紫光股份、中国长城 (服务器/整机)。</li>
|
||||
<li><strong>中游 (AI一体机品牌与集成商)</strong>: 华为、浪潮 (硬件巨头); 云从科技、科大讯飞 (AI算法公司); 软通动力、深信服 (解决方案商); 阿里云、京东云 (云厂商)。</li>
|
||||
<li><strong>下游 (行业应用与最终客户)</strong>: 信雅达 (金融); 数字政通 (政务); 金山办公 (办公); 最终用户遍及政府、央国企、金融、能源等。</li>
|
||||
</ul>
|
||||
<h4>核心玩家对比</h4>
|
||||
<ul>
|
||||
<li><strong>领导者（生态构建者）</strong>：<strong>华为</strong>无疑是国产算力生态的领导者，具备强大的生态号召力。</li>
|
||||
<li><strong>最具差异化的玩家</strong>：<strong>亚信安全</strong>（“云厂商技术溢出+安全能力绑定”）、<strong>深信服</strong>（“超融合架构+AI安全”）。</li>
|
||||
<li><strong>逻辑最纯粹的软件/算法玩家</strong>：<strong>云从科技</strong>，一体机是其算法落地的重要载体。</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="!text-xl !text-white glow-text">5. 潜在风险与挑战</h3>
|
||||
<ul>
|
||||
<li><strong>技术风险</strong>：国产芯片对FP8等低精度支持可能存在瓶颈。</li>
|
||||
<li><strong>商业化风险</strong>：随着近百家厂商入局，若产品缺乏差异化，极易陷入同质化的价格战。</li>
|
||||
<li><strong>信息交叉验证风险</strong>：市场规模和产品定价数据存在较大差异，需谨慎对待过于乐观的预测。</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="!text-xl !text-white glow-text">6. 综合结论与投资启示</h3>
|
||||
<p>AI一体机已进入由真实订单和商业化落地驱动的<strong>“基本面驱动”初期</strong>。最具投资价值的环节在于<strong>具备核心软件平台与行业解决方案能力的厂商</strong>以及<strong>上游国产核心算力供应商</strong>。投资者需重点跟踪出货量、毛利率变化、软件收入占比及下游客户渗透率等关键指标。</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Key Metrics & Charts Section -->
|
||||
<section id="metrics">
|
||||
<div class="bento-grid grid-cols-1 lg:grid-cols-3">
|
||||
<div class="glass-card p-6 flex flex-col justify-center items-center text-center">
|
||||
<h3 class="text-xl font-bold mb-2 glow-text">市场空间预测 (亿元)</h3>
|
||||
<p class="text-sm text-gray-400 mb-4">基于不同机构测算</p>
|
||||
<div id="market-size-chart" style="width: 100%; height: 250px;"></div>
|
||||
</div>
|
||||
<div class="glass-card p-6 flex flex-col justify-center items-center text-center">
|
||||
<h3 class="text-xl font-bold mb-2 glow-text">部署方式比例</h3>
|
||||
<p class="text-sm text-gray-400 mb-4">基于数据安全和隐私考量</p>
|
||||
<div id="deployment-ratio-chart" style="width: 100%; height: 250px;"></div>
|
||||
</div>
|
||||
<div class="glass-card p-6 flex flex-col justify-center items-center text-center space-y-4">
|
||||
<h3 class="text-xl font-bold glow-text">关键财务指标</h3>
|
||||
<div class="stats bg-transparent text-primary-content shadow-none">
|
||||
<div class="stat">
|
||||
<div class="stat-title text-gray-300">一体机毛利率</div>
|
||||
<div class="stat-value text-5xl text-accent glow-text-accent">~50%</div>
|
||||
<div class="stat-desc text-gray-400">软件微调&PaaS平台价值高</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-sm text-gray-400">成本从"千万级"降至"百万级"</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Market Overview Section -->
|
||||
<section id="market-overview" x-data="{ tab: 'news' }">
|
||||
<div class="glass-card p-6 md:p-8">
|
||||
<h2 class="text-3xl font-bold mb-6 glow-text-accent border-l-4 border-primary pl-4">市场动态与产业格局</h2>
|
||||
<div class="tabs tabs-boxed bg-black/20 mb-6">
|
||||
<a class="tab tab-lg" :class="{'tab-active': tab === 'news'}" @click="tab = 'news'">核心动态 (新闻)</a>
|
||||
<a class="tab tab-lg" :class="{'tab-active': tab === 'roadshow'}" @click="tab = 'roadshow'">关键路演信息</a>
|
||||
<a class="tab tab-lg" :class="{'tab-active': tab === 'report'}" @click="tab = 'report'">研报观点</a>
|
||||
</div>
|
||||
|
||||
<div x-show="tab === 'news'" class="space-y-4">
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">市场需求与前景</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">随着AI从“百模大战”走向应用落地，满足企业开箱即用、安全、本地化部署需求的训推一体机市场逐渐走俏。私有化部署成为金融、政务、医疗等数据敏感行业主流，DeepSeek等高性能开源模型进一步催生新需求。G端（政务端）落地成为重要趋势。</p>
|
||||
</div>
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">产品发布潮</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">国内近百家厂商推出一体机产品，形成百花齐放格局。典型代表包括：</p>
|
||||
<ul class="list-disc list-inside text-sm mt-2 space-y-1 text-gray-300">
|
||||
<li><strong>中国电子云、中国长城、沐曦</strong>联合发布三大AI一体机。</li>
|
||||
<li><strong>华为</strong>推出FusionCube A3000训/推超融合一体机，适配DeepSeek。</li>
|
||||
<li><strong>浪潮信息 & 沐曦</strong>联合发布“海若一体机”，支持671B模型单机推理。</li>
|
||||
<li><strong>紫光股份(新华三)</strong>发布灵犀Cube大模型一体机（DeepSeek版）。</li>
|
||||
<li><strong>金山办公 & 金山云</strong>联合发布金山政务AI一体机，实现全链路国产化。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div x-show="tab === 'roadshow'" class="space-y-4">
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">成本革命与订单爆发</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">亚信安全路演披露，与阿里云合作一体机将私有化部署成本从"千万级"降至"百万级"(200-300万/台)，性价比显著。阿里云一体机3月推广后，订单量已达<strong>千台规模</strong>，国家电网已部署30台，年内目标3000台。</p>
|
||||
</div>
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">国产算力成为核心</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">一体机硬件普遍采用国产芯片方案，如<strong>华为昇腾、海光CPU、寒武纪、沐曦</strong>等。长江计算、龙芯中科等均已推出基于国产算力的一体机。信创考核中AI已成为核心要素，一体机是关键载体。</p>
|
||||
</div>
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">银行等金融场景需求激增</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">中小银行因算力/预算有限，对一体机需求激增，倾向于购买现成一体机缩短落地周期。信雅达等厂商将智能客服等产品预装至华为一体机，通过一体机快速覆盖增量市场。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div x-show="tab === 'report'" class="space-y-4">
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">生态聚焦：DeepSeek + 华为昇腾</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">研报普遍认为市场主要围绕两大生态展开：以<strong>DeepSeek大模型</strong>为核心的软件生态和以<strong>华为昇腾</strong>为代表的国产硬件生态。中国移动、浪潮、恒为科技等众多厂商均推出适配DeepSeek或基于昇腾的一体机。</p>
|
||||
</div>
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">核心价值：“开箱即用”</h4>
|
||||
<p class="text-sm mt-2 text-gray-300">所有AI一体机都强调“开箱即用”、“一键部署”、“极简运维”等特性，旨在降低企业使用AI大模型的技术门槛，满足其对数据安全和本地化部署的迫切需求。新华三UniCube据称可将应用上线时间从周级缩短至1天。</p>
|
||||
</div>
|
||||
<div class="p-4 bg-base-100/50 rounded-xl border border-primary/20">
|
||||
<h4 class="font-bold text-lg text-secondary">标杆案例与行业渗透</h4>
|
||||
<p class="text-sm mt-2 text-gray-300"><strong>广东实验中学</strong>部署常青云DeepSeek一体机，实现教学、管理、评估全链条智能化升级，成为可复制的“AI+教育”标杆。一体机正快速渗透至金融、政务、能源、医疗、制造等多个垂直行业。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Rise Analysis Section -->
|
||||
<section id="rise-analysis" x-data="{ openModal: false, modalContent: {} }">
|
||||
<div class="glass-card p-6 md:p-8">
|
||||
<h2 class="text-3xl font-bold mb-6 glow-text-accent border-l-4 border-primary pl-4">相关个股异动分析</h2>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4">
|
||||
<template x-for="(stock, index) in riseAnalysisData" :key="index">
|
||||
<button @click="openModal = true; modalContent = stock" class="btn btn-outline btn-primary glass">
|
||||
<span x-text="stock.stock"></span>
|
||||
<span class="badge badge-accent" x-text="`+${stock.rise_rate}%`"></span>
|
||||
</button>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal modal-bottom sm:modal-middle" :class="{'modal-open': openModal}" @click.self="openModal = false">
|
||||
<div class="modal-box p-6 md:p-8">
|
||||
<button class="btn btn-sm btn-circle btn-ghost absolute right-2 top-2" @click="openModal = false">✕</button>
|
||||
<h3 class="font-bold text-2xl mb-4 glow-text-accent" x-text="modalContent.stock + ' (' + modalContent.stock_code + ')'"></h3>
|
||||
<div class="badge badge-secondary mb-4" x-text="`上涨 ` + modalContent.rise_rate + '%'"></div>
|
||||
<div class="prose max-w-none prose-invert prose-headings:text-primary prose-p:text-gray-300 prose-li:text-gray-300" x-html="formatReason(modalContent.reason)"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Stocks Table Section -->
|
||||
<section id="stocks">
|
||||
<div class="glass-card p-6 md:p-8 overflow-x-auto">
|
||||
<h2 class="text-3xl font-bold mb-6 glow-text-accent border-l-4 border-primary pl-4">AI一体机概念股梳理</h2>
|
||||
<template x-for="group in groupedStocks" :key="group.name">
|
||||
<div>
|
||||
<h3 class="text-xl font-semibold my-4 text-secondary" x-text="group.name"></h3>
|
||||
<table class="table table-zebra w-full">
|
||||
<thead>
|
||||
<tr class="text-base">
|
||||
<th>股票名称</th>
|
||||
<th>股票代码</th>
|
||||
<th>核心逻辑</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<template x-for="stock in group.stocks" :key="stock.stock_code || stock.stock">
|
||||
<tr>
|
||||
<td class="font-semibold" x-text="stock.stock"></td>
|
||||
<td>
|
||||
<a x-if="stock.stock_code" :href="'https://valuefrontier.cn/company?scode=' + stock.stock_code" target="_blank" class="link link-hover text-accent" x-text="stock.stock_code"></a>
|
||||
<span x-else class="text-gray-500">N/A</span>
|
||||
</td>
|
||||
<td x-text="stock.reason"></td>
|
||||
</tr>
|
||||
</template>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// ECharts Initialization
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// Market Size Chart
|
||||
var marketSizeChart = echarts.init(document.getElementById('market-size-chart'));
|
||||
marketSizeChart.setOption({
|
||||
tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
|
||||
grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
|
||||
xAxis: [{ type: 'category', data: ['信服云推算', '国企网测算'], axisTick: { alignWithLabel: true }, axisLabel: { color: '#a0aec0' } }],
|
||||
yAxis: [{ type: 'value', axisLabel: { color: '#a0aec0' } }],
|
||||
series: [{
|
||||
name: '市场空间 (亿元)',
|
||||
type: 'bar',
|
||||
barWidth: '60%',
|
||||
data: [500, 2300],
|
||||
itemStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||
{ offset: 0, color: '#8A2BE2' },
|
||||
{ offset: 1, color: '#4A00E0' }
|
||||
])
|
||||
}
|
||||
}],
|
||||
textStyle: { color: '#e0e0e0' }
|
||||
});
|
||||
|
||||
// Deployment Ratio Chart
|
||||
var deploymentRatioChart = echarts.init(document.getElementById('deployment-ratio-chart'));
|
||||
deploymentRatioChart.setOption({
|
||||
tooltip: { trigger: 'item', formatter: '{a} <br/>{b} : {c} ({d}%)' },
|
||||
legend: { top: 'bottom', textStyle: { color: '#a0aec0' } },
|
||||
series: [{
|
||||
name: '部署方式',
|
||||
type: 'pie',
|
||||
radius: ['40%', '70%'],
|
||||
avoidLabelOverlap: false,
|
||||
label: { show: false, position: 'center' },
|
||||
emphasis: { label: { show: true, fontSize: '20', fontWeight: 'bold' } },
|
||||
labelLine: { show: false },
|
||||
data: [
|
||||
{ value: 4, name: '私有云部署' },
|
||||
{ value: 6, name: '公有云部署' }
|
||||
],
|
||||
color: ['#00BFFF', '#9370DB']
|
||||
}],
|
||||
textStyle: { color: '#e0e0e0' }
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
marketSizeChart.resize();
|
||||
deploymentRatioChart.resize();
|
||||
});
|
||||
});
|
||||
|
||||
// Alpine.js Data
|
||||
document.addEventListener('alpine:init', () => {
|
||||
Alpine.data('stocksData', () => ({
|
||||
stockList: [
|
||||
{ "stock": "卓翼科技", "reason": "代工", "其他标签": "华为系", "stock_code": "002369" },
|
||||
{ "stock": "共进股份", "reason": "代工", "其他标签": "华为系", "stock_code": "603118" },
|
||||
{ "stock": "神州数码", "reason": "昇腾整机硬件伙伴", "其他标签": "华为系", "stock_code": "000034" },
|
||||
{ "stock": "四川长虹", "reason": "昇腾整机硬件伙伴", "其他标签": "华为系", "stock_code": "600839" },
|
||||
{ "stock": "瑞贝卡(黄河信产)", "reason": "昇腾整机硬件伙伴", "其他标签": "华为系" },
|
||||
{ "stock": "烽火通信", "reason": "昇腾整机硬件伙伴", "其他标签": "华为系", "stock_code": "600498" },
|
||||
{ "stock": "广电运通", "reason": "昇腾整机硬件伙伴", "其他标签": "华为系", "stock_code": "002152" },
|
||||
{ "stock": "软通动力", "reason": "昇腾整机硬件伙伴", "其他标签": "华为系", "stock_code": "301236" },
|
||||
{ "stock": "云从科技", "reason": "昇腾应用软件伙伴", "其他标签": "华为系", "stock_code": "688327" },
|
||||
{ "stock": "格灵深瞳", "reason": "昇腾应用软件伙伴", "其他标签": "华为系", "stock_code": "688207" },
|
||||
{ "stock": "智洋创新", "reason": "昇腾应用软件伙伴", "其他标签": "华为系", "stock_code": "688191" },
|
||||
{ "stock": "恒为股份", "reason": "其他", "其他标签": "华为系" },
|
||||
{ "stock": "科大讯飞", "reason": "其他", "其他标签": "华为系", "stock_code": "002230" },
|
||||
{ "stock": "润和软件", "reason": "其他", "其他标签": "华为系", "stock_code": "300339" },
|
||||
{ "stock": "云天励飞", "reason": "其他", "其他标签": "华为系", "stock_code": "688343" },
|
||||
{ "stock": "佳都科技", "reason": "其他", "其他标签": "华为系", "stock_code": "600728" },
|
||||
{ "stock": "运机集团", "reason": "其他", "其他标签": "华为系", "stock_code": "001288" },
|
||||
{ "stock": "润达医疗", "reason": "其他", "其他标签": "华为系", "stock_code": "603108" },
|
||||
{ "stock": "拓维信息", "reason": "其他", "其他标签": "华为系", "stock_code": "002261" },
|
||||
{ "stock": "同方股份", "reason": "其他", "其他标签": "华为系", "stock_code": "600100" },
|
||||
{ "stock": "新致软件", "reason": "海光系", "其他标签": "海光系", "stock_code": "688590" },
|
||||
{ "stock": "中国长城", "reason": "海光系", "其他标签": "海光系", "stock_code": "000066" },
|
||||
{ "stock": "中科曙光", "reason": "海光系", "其他标签": "海光系", "stock_code": "603019" },
|
||||
{ "stock": "禾盛新材", "reason": "海光系", "其他标签": "海光系", "stock_code": "002290" },
|
||||
{ "stock": "华宇软件", "reason": "海光系", "其他标签": "海光系", "stock_code": "300271" },
|
||||
{ "stock": "思特奇", "reason": "海光系", "其他标签": "海光系", "stock_code": "300608" },
|
||||
{ "stock": "优刻得", "reason": "沐曦系", "其他标签": "沐曦系", "stock_code": "688158" },
|
||||
{ "stock": "超讯通信", "reason": "沐曦系", "其他标签": "沐曦系", "stock_code": "603322" },
|
||||
{ "stock": "中国长城", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "000066" },
|
||||
{ "stock": "深桑达A", "reason": "DeepSeek", "其他标签": "DeepSeek" },
|
||||
{ "stock": "超讯通信", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "603322" },
|
||||
{ "stock": "紫光股份", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "000938" },
|
||||
{ "stock": "浪潮信息", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "000977" },
|
||||
{ "stock": "中科曙光", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "603019" },
|
||||
{ "stock": "软通动力", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "301236" },
|
||||
{ "stock": "科大讯飞", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "002230" },
|
||||
{ "stock": "中国电信", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "601728" },
|
||||
{ "stock": "中国移动", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "600941" },
|
||||
{ "stock": "中国联通", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "600050" },
|
||||
{ "stock": "协创数据", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "300857" },
|
||||
{ "stock": "高新发展", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "000628" },
|
||||
{ "stock": "四川长虹", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "600839" },
|
||||
{ "stock": "远东传动", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "002406" },
|
||||
{ "stock": "运机集团", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "001288" },
|
||||
{ "stock": "苏州科达", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "603660" },
|
||||
{ "stock": "麒麟信安", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "688152" },
|
||||
{ "stock": "天融信", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "002212" },
|
||||
{ "stock": "优刻得", "reason": "DeepSeek", "其他标签": "DeepSeek", "stock_code": "688158" },
|
||||
{ "stock": "云从科技", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "688327" },
|
||||
{ "stock": "云天励飞", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "688343" },
|
||||
{ "stock": "拓尔思", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "300229" },
|
||||
{ "stock": "天玑科技", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "300245" },
|
||||
{ "stock": "苏州科达", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "603660" },
|
||||
{ "stock": "大华股份", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "002236" },
|
||||
{ "stock": "中国长城", "reason": "自研大模型", "其他标签": "自研大模型", "stock_code": "000066" }
|
||||
],
|
||||
get groupedStocks() {
|
||||
const groups = {};
|
||||
this.stockList.forEach(stock => {
|
||||
const key = stock['其他标签'] || '其他';
|
||||
if (!groups[key]) {
|
||||
groups[key] = [];
|
||||
}
|
||||
groups[key].push(stock);
|
||||
});
|
||||
|
||||
const order = ['华为系', '海光系', '沐曦系', 'DeepSeek', '自研大模型', '其他'];
|
||||
const sortedGroups = [];
|
||||
|
||||
order.forEach(name => {
|
||||
if (groups[name]) {
|
||||
sortedGroups.push({ name: name, stocks: groups[name] });
|
||||
delete groups[name];
|
||||
}
|
||||
});
|
||||
|
||||
// Add any remaining groups
|
||||
for (const name in groups) {
|
||||
sortedGroups.push({ name: name, stocks: groups[name] });
|
||||
}
|
||||
|
||||
return sortedGroups;
|
||||
},
|
||||
riseAnalysisData: [
|
||||
{ stock: "品高股份", stock_code: "688227", rise_rate: 6.61, reason: "# 品高股份(688227)2025-07-08上涨6.61%原因分析\n\n## 一、直接催化剂：AI一体机产品发布\n\n1. **新产品发布利好**：\n - 投资者论坛信息显示，品高股份\"携手江原科技发布全国产AI一体机\"及\"品高股份携手江原科技发布品原AI一体机\"。\n - AI概念是当前市场热点，全国产AI一体机的发布意味着公司在AI领域有了实质性布局和产品落地，这直接刺激了投资者对公司未来发展的乐观预期。\n\n2. **技术突破意义**：\n - \"全国产\"一词表明该产品在技术自主可控方面有突破，符合国家推动科技创新和自主可控的政策导向，可能获得政策支持和市场青睐。\n\n## 二、资金面因素：融资盘持续买入\n\n1. **连续融资净买入**：\n - 07-07：融资净买入412.62万元，融资余额1.21亿元\n - 07-08（上涨当天）：融资净买入389.09万元，融资余额1.25亿元\n - 连续3日融资净买入累计1356.74万元（截至07-09）\n\n2. **资金流向转变**：\n - 有投资者提到\"前段时间融资盘拼命出货，现在又变成筹码\"，表明资金流向发生了明显转变，从之前的抛售转为现在的积极买入，这种转变往往预示着市场对该股看法的积极变化。\n\n## 三、技术面因素：可能形成底部形态\n\n1. **双底形态预期**：\n - 有投资者提到\"回踩28元附近测试双底是否成立\"，表明从技术分析角度看，股价可能正在形成双底形态，这是一种典型的看涨反转形态。\n\n2. **技术派资金入场**：\n - 一旦双底形态得到确认，往往会吸引技术分析派投资者入场，推动股价进一步上涨。\n\n## 总结\n\n品高股份在2025年7月8日上涨6.61%是多重因素共同作用的结果，其中最直接的催化剂是公司发布了全国产AI一体机。"},
|
||||
{ stock: "金山办公", stock_code: "688111", rise_rate: 6.79, reason: "# 金山办公(688111)2025-07-15上涨6.79%原因分析\n\n## 一、核心催化剂：产品创新与落地\n\n1. **金山政务AI一体机发布**\n - 7月14日，金山办公与金山云联合发布金山政务AI一体机，这是最直接的上涨催化剂。\n - 该产品在试点验证中表现优异，能提升公文成文效率约45%，压缩60%审校时长，体现了显著的技术优势。\n - 实现了软件、硬件、算力的全链路国产化，符合当前国产化替代趋势。\n\n2. **AI办公技术持续突破**\n - 金山政务AI一体机全面接入Kimi-K2模型，显示公司在大模型应用方面走在行业前列。\n\n## 二、行业与市场环境因素\n\n1. **AI应用板块整体回暖**\n - 华泰计算机明确将金山办公列为\"AI落地快\"的A股重点标的之一，券商推荐往往会引导市场资金流向。\n\n2. **金山系联动效应**\n - 金山云在7月15日美股大涨超16%，香港市场也涨超16%，金山办公与金山云同属\"金山系\"，存在业务协同效应。\n\n## 结论\n\n金山办公7月15日上涨6.79%最直接的催化剂是公司与金山云联合发布的金山政务AI一体机，以及券商推荐报告。此外，AI应用板块整体回暖、金山系联动效应等市场环境因素共同推动了此次上涨。"},
|
||||
{ stock: "荣联科技", stock_code: "002642", rise_rate: 10.05, reason: "核心结论: 周末“华为昇腾5.37亿元+阿里云大模型一体机2.1亿元”双订单落地，合计7.47亿元≈2024年营收37%，且Q4开始交付，资金一次性把业绩拐点定价到涨停。<br><br>驱动概念: 昇腾AI算力集群+政务云大模型一体机+数据要素<br><br>个股异动解析: <br>1. 消息面 <br>（1）昇腾AI算力集群：2025-09-12中国政府采购网公告，公司作为“昇腾优选级ISV”中标第二批框架3个包件，金额5.37亿元，占2024年营收27%，要求2025Q4前完成交付。 <br>（2）政务云大模型一体机：阿里云9月12日云栖大会预热披露，与荣联联合研发的“通义千问+DeepSeek”一体机通过信通院测评，9月18日将签首批2.1亿元合同，客户为华东省级政务云。 <br><br>总结: 华为+阿里双主线订单落地→2025年业绩上调→小市值补涨容器→涨停。"},
|
||||
{ stock: "恒为科技", stock_code: "603496", rise_rate: 10.02, reason: "核心结论: 9 月 30 日一字涨停的唯一可验证触发事件：公司拟 6.75 亿元收购上海数珩 75% 股权，复牌即成为 A 股首家“结果即服务（RaaS）”AI 场景订阅标的，政策-产业-公司三层逻辑瞬间兑现。<br><br>驱动概念: RaaS+昇腾一体机+DeepSeek一体机<br><br>个股异动解析: <br>1. 消息面 <br>（1）RaaS 结果即服务政府采购模式：9-26 发改委明确“人工智能+”八大场景百大标杆预算走专项债/超长期特别国债，鼓励按年订阅/按效果付费；数珩科技 2024 年 1-8 月 80% 订单为 3 年期订阅合同。 <br>（2）昇腾一体机+DeepSeek 一体机+液冷交钥匙方案：数珩已与华为昇腾、DeepSeek、超聚变签署联合解决方案，具备“国产算力+大模型+液冷”现成交钥匙能力。 <br><br>总结: 政策推出 RaaS 订阅模式→A 股缺纯正标的→恒为并购数珩复牌即成为“AI 场景订阅第一股”，资金用一字板抢筹。"},
|
||||
{ stock: "洲明科技", stock_code: "300232", rise_rate: 5.58, reason: "# 洲明科技(300232)2025-08-15上涨5.58%原因分析\n\n## 一、公司基本面利好因素\n\n### 1. AI业务转型取得重大突破\n- 公司成功从传统LED厂商向AI解决方案商转型，其研发的AI一体机已应用于南京德基广场、国家博物馆等高流量场景\n- **关键催化剂**：公司与香港科晫集团(TechTure)签署了相关协议，涉及AI一体机的交付，标志着AI端侧产品进入规模化阶段\n\n### 2. 技术创新与专利布局显著增强\n- 国际专利申请量同比增幅达280%，显示公司正加速海外市场技术壁垒突破\n\n## 综合结论\n\n洲明科技上涨的核心驱动因素是公司AI业务转型取得实质性突破，与香港科晫集团(TechTure)签署的AI一体机交付协议验证了其技术落地能力和商业化前景。"},
|
||||
{ stock: "开普云", stock_code: "688228", rise_rate: 20.0, reason: "核心结论: 开普云拟以现金+增发两步收购全球前五国产存储龙头金泰克，复牌首日资金抢筹，形成“AI算力+国产存储”稀缺闭环，触发涨停。 <br>驱动概念: 国产存储+AI一体机+重大资产重组 <br><br>个股异动解析: <br>1. 消息面： <br>（1）国产存储：8月24日公告《重大资产购买暨关联交易预案》：拟现金收购南宁泰克70%股权，后者承接金泰克全部存储资产，金泰克SSD/DRAM模组全球前四。 <br>（2）AI一体机：公司原有政务云、AI一体机业务需大量高速存储，收购后形成“算力+存力”全栈AI生态。 <br><br>总结：收购金泰克形成“AI算力+国产存储”稀缺闭环，业绩增厚+估值切换。"},
|
||||
{ stock: "顺网科技", stock_code: "300113", rise_rate: 20.0, reason: "核心结论: 顺网科技涨停由“半年报业绩超预期+算力政策催化+板块共振”三因素集中兑现驱动。 <br>驱动概念: 算力基础设施+AI边缘算力+DeepSeek一体机 <br><br>个股异动解析: <br>1. 消息面： <br>（1）算力基础设施：工信部8月22日挂出《算力基础设施高质量发展行动计划（2025-2027）》征求意见稿，提出2027年智能算力规模较2024年翻两番。 <br>（2）AI边缘算力节点：公司半年报披露“AI边缘算力节点已覆盖35个城市”，成为资金抢筹焦点。 <br>（3）DeepSeek一体机：7月底公告与罗曼股份成立合资公司切入DeepSeek一体机赛道。 <br><br>2. 基本面： <br>- 2025H1归母净利润1.62亿元，同比+69%，算力业务贡献高毛利增量。"},
|
||||
{ stock: "恒银科技", stock_code: "603106", rise_rate: 10.01, reason: "核心结论: 央行数字人民币硬件钱包新规落地，公司“稳定币ATM一体机”订单从概念走向实质收入，引发资金抢筹。<br><br>驱动概念: 稳定币ATM一体机+数字人民币+信创<br><br>个股异动解析:<br>1. 消息面：<br>（1）稳定币ATM一体机：央行8月20日发布《数字人民币硬件钱包受理终端技术规范（2025版）》，首次允许自助设备支持“外币稳定币兑换数字人民币”。公司已完成USDC/USDT硬件钱包模块开发，并与天津银行、渤海银行签订1,200台多功能ATM供货框架协议。"},
|
||||
{ stock: "格尔软件", stock_code: "603232", rise_rate: 10.02, reason: "核心结论: 隔夜官宣“华为云＋格尔软件”共建昇腾910B原生信创密码一体机联合实验室，并获“鲲鹏+昇腾生态唯一密码安全原生伙伴”身份，带来可测算的7.5亿元新增市场，机构早盘抢筹4200万元，直接封死涨停。<br><br>驱动概念: 信创密码一体机+昇腾910B+量子后密码<br><br>个股异动解析: <br>1. 消息面：<br>（1）信创密码一体机：财政部2025-10-21把“密码一体机”列入政府采购强制配套件。公司与华为云共建联合实验室，12月底前发布首款信创密码一体机。<br>（2）昇腾910B：公司为华为云“鲲鹏+昇腾”生态唯一密码安全原生开发伙伴。"},
|
||||
{ stock: "东港股份", stock_code: "002117", rise_rate: 9.96, reason: "核心结论: 18.6亿元增值税专票印制大单+财政部电子凭证全国推广政策+华为鲲鹏一体机合作，三因素共振触发机构抢筹涨停。 <br>驱动概念: 电子凭证+财税信息化+信创 <br><br>个股异动解析: <br>1. 消息面： <br>（1）财政电子票据安全一体机+信创：7月16日公告子公司与华为签署《鲲鹏原生开发合作协议》，共同开发“财政电子票据安全一体机”。 <br>（2）增值税专票印制服务：7月15日晚公告中标国家税务总局2025-2027年增值税专票印制服务项目，金额18.6亿元。"},
|
||||
{ stock: "华胜天成", stock_code: "600410", rise_rate: 6.11, reason: "# 华胜天成(600410)2025-08-06上涨6.11%原因分析\n\n**一、 公司AI业务布局的市场反馈**\n\n* **AI算力基建业务**：公司参与了智算中心建设，并与华为昇腾合作推出一体机，切入AI硬件基础设施领域。\n* **AI场景应用落地**：公司开发了智能数据助手、投标自动化工具、智能客服等产品，并在医疗和汽车领域有落地案例。\n* **生态合作**：公司与华为、百度、火山引擎等科技公司合作。\n\n**总结**\n\n华胜天成近期股价的变动可能受到公司AI业务布局的市场反馈、资金流向、公司激励计划、市场情绪以及行业政策等多种因素的综合影响。"},
|
||||
{ stock: "达 意 隆", stock_code: "002209", rise_rate: 10.03, reason: "核心结论: 7月16日达意隆二连板，系“可口可乐中国体系2.1亿元高速智能吹灌旋一体机订单+半年度业绩预告上修”双重催化，机构席位集中扫货所致。 <br>驱动概念: 智能机器+工业互联+半年度业绩上修 <br><br>个股异动解析: <br>1. 消息面： <br>（1）智能机器：公司主营PET瓶坯智能成套设备；7月15日晚公告中标可口可乐中国体系“高速智能吹灌旋一体机”2.1亿元订单。"},
|
||||
{ stock: "赛腾股份", stock_code: "603283", rise_rate: 6.17, reason: "赛腾股份9月3日上涨的核心驱动是**固态电池、碳化硅检测、HBM设备三大热点题材的联动**，叠加其在相关领域的业务布局，以及牛市修复背景下的资金博弈。\n\n### **核心业务关联：固态电池与半导体设备的需求拉动**\n- **模切一体机应用**：公司拥有模切一体机，可用于固态电池生产，而固态电池产业化加速推动设备订单暴增。\n\n### **半导体设备增量：HBM设备绑定头部客户**\n- **HBM4供应英伟达**：公司HBM设备已用于英伟达Rubin芯片，并向三星海力士供应设备及零部件，直接受益于HBM产业链的扩张。"},
|
||||
{ stock: "奥特维", stock_code: "688516", rise_rate: 9.09, reason: "# 奥特维(688516) 2025-09-24 上涨9.09%原因分析\n\n## 一、固态电池设备业务重大突破\n\n1. **新产品发布引发市场关注**：公司于2025-09-25通过官方公众号发布两款固态电池设备：CVD流化床设备和高速切叠压一体机。\n2. **固态电池业务布局完善**：已布局硫化物电解质设备、叠片设备和装配设备，约占固态整线投资额的三分之一，已获取订单超千万元。\n\n## 二、半导体业务快速增长\n\n1. **光模块AOI检测设备成为新增长点**：随着光模块传输速率提升，AOI检测设备将成为标配。公司已获得应用光电、中际旭创批量订单。"},
|
||||
{ stock: "浙大网新", stock_code: "600797", rise_rate: 9.96, reason: "核心结论: “摩尔线程IPO辅导备案”周末引爆国产GPU赛道，浙大网新因0.9%原始股+15亿元总代理对赌+90亿低市值成为资金抢筹的最便宜映射标的。<br><br>驱动概念: 国产GPU独角兽IPO+智算一体机+东数西算<br><br>个股异动解析: <br>1. 消息面 <br>（1）国产GPU独角兽IPO：浙大网新通过浙江网新科技创投持有摩尔线程0.9%股份，具备原始股重估弹性；同时为摩尔线程GPU大陆行业总代理，2024-2026年对赌销售额≥15亿元。 <br>（2）智算一体机：双方联合推出“MooreX智算一体机”，已入围多地政府智算中心招标。"}
|
||||
],
|
||||
formatReason(reason) {
|
||||
if (!reason) return '';
|
||||
return reason
|
||||
.replace(/# (.+)/g, '<h2>$1</h2>')
|
||||
.replace(/## (.+)/g, '<h3>$1</h3>')
|
||||
.replace(/### (.+)/g, '<h4>$1</h4>')
|
||||
.replace(/\n- (.+)/g, '\n<ul><li>$1</li></ul>')
|
||||
.replace(/<\/ul>\n<ul>/g, '')
|
||||
.replace(/\* (.+)/g, '<li>$1</li>')
|
||||
.replace(/\n/g, '<br>');
|
||||
}
|
||||
|
||||
}));
|
||||
// Initialize Alpine with the data
|
||||
Alpine.start();
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user