使用小组件 > 2D > 文件
  
文件
* 
在 iOS 的离线体验中，“文件”小组件不起作用。这是因为针对外部文件的 iOS 安全性不允许在 Web 视图中打开本地文件。
这个小组件有什么功能？
“文件”小组件允许您在体验中加入某个文件的链接。
何时会用到这个小组件？
当您想要赋予体验查看者访问文件的权限时，会用到“文件”小组件。
这个小组件中是否有专用的属性、服务、事件或操作？
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
下表列出了该小组件的专用属性。
属性
JavaScript
类型
说明
文本
text
string
显示为链接的文本。
文件 URL
url
string
若要加入文件，您可以执行以下操作之一：
• 单击字段旁边的 可添加新的图像文件。
• 输入文件 URL 或者将其直接复制粘贴到字段中。
• 从下拉菜单中选择文件。
* 
用于观看体验的设备以及安装在其上的文件查看应用程序决定了体验用户可以打开和查看哪些文件。
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 将“文件”小组件拖放到工作区中。
2. 输入您想在“文本”字段中显示的链接文本。
3. 在“文件 URL”字段中，选择现有的文件、添加新文件，或者输入您想要显示的文件的 URL。
使用 CSS 设置小组件样式
您可以使用 CSS 设置小组件样式！下面是您可以创建和应用的 CSS 类的示例：
* 
请注意，最好为您的类指定唯一名称，以避免与其他类或预装属性发生冲突。
CSS 示例
显示效果
.ptc-file {
font-size: 18px;
font-family: Century Gothic;
font-weight: bold;
text-decoration: underline;
color: rgb(0, 122, 62);
}
有关实现 CSS 类的详细信息，请参阅应用程序样式。