简单 Web Components 测试

这个页面用于测试基于 vue-web-component-wrapper 的简单实现。

产品头部组件

临床价值组件

技术规格组件

临床应用组件

研究数据组件

竞争优势组件

调试信息

组件状态检查

正在检查组件状态...

控制台日志

暂无日志

VuePress Plugin Components 测试

VidStack 视频播放器

BiliBili 视频

PDF 查看器

分享组件

受保护下载组件

基本用法（需要联系信息）

不同按钮样式

不同按钮大小

直接下载（无需联系信息）

不同模型配置示例

产品资料下载（使用产品模型）

<pb-protected-download
  download-url="/files/technical-specs.pdf"
  button-text="技术规格书"
  file-name="technical-specifications.pdf"
  modal-title="获取技术规格书"
  modal-description="下载详细的技术规格文档，包含所有产品参数。"
  model-key="technical"
  button-size="small">
</pb-protected-download>

<pb-protected-download
  download-url="/files/price-list.pdf"
  button-text="价格表"
  file-name="price-list-2024.pdf"
  modal-title="获取最新价格表"
  modal-description="获取最新的产品价格信息，我们将为您提供专业的报价服务。"
  model-key="pricing"
  button-size="small">
</pb-protected-download>

研究报告下载（使用研究模型）

通栏样式示例

主要样式通栏

次要样式通栏

轮廓样式通栏