起步
组件
网站实例

下载

Piros（当前版本 v1.1.5 ）提供以下几种方式帮你快速上手，每一种方式针对具有不同技能等级的开发者和不同的使用场景。继续阅读下面的内容，看看哪种方式适合你的需求吧。

用于生产环境的 Piros

编译并压缩后的 CSS、JavaScript 和字体文件。不包含文档和源码文件。

下载 Piros v1.1.5

下载 Piros v1.1.3

Piros 源码

Less、JavaScript 和 字体文件的源码，并且带有文档。需要 Less 编译器和一些设置工作。（此方式暂未支持敬请期待）

下载 源码

Piros-ui提供在线引用的方式，你只需要写几个地址就好。

复制 复制成功 

<!--  Piros 核心 CSS 文件 -->
<link rel="stylesheet" type="text/css" href="//s.yuantutech.com/yuantu/piros-ui/1.1.3/css/piros.css">

<!--  jQuery文件 务必在piros.js 之前引入  -->
<script charset="utf-8" src="//s.yuantutech.com/yuantu/piros-ui/1.1.3/lib/jquery-1.9.1.min.js"></script>

<!--  Piros 核心 JavaScript 文件 -->
<script charset="utf-8" src="//s.yuantutech.com/yuantu/piros-ui/1.1.3/piros.js" ></script>

包含的内容

Piros 目前的压缩包，在下载下来的压缩包内可以看到以下目录和文件，这些文件按照类别放到了不同的目录内。

Piros 插件全部依赖 jQuery

请注意，Piros 的所有 JavaScript 插件都依赖 jQuery，因此 jQuery 必须在 Piros.js 之前引入.就像在下载中所展示的一样。

复制 复制成功 

Piros/
├── css/
│   └── Piros.css
├── js/
│   ├── Piros.js
│   └── jquery-3.1.0.min.js
└── fonts/
	├── pirosicon.eot
	├── pirosicon.svg
	├── pirosicon.ttf
	└── pirosicon.woff

这是最基本的 Piros 文件组织形式：未压缩版的文件可以在任意web项目中直接使用。字体图标文件来自于 pirosicon.

基本模板

使用以下给出的这份超级简单的 HTML 模版，或者修改这些实例。我们强烈建议你对这些实例按照自己的需求进行修改，而不要简单的复制、粘贴。
拷贝并粘贴下面给出的 HTML 代码，这就是一个最简单的 Piros 页面了。

如下是个代码<input>
复制 复制成功 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>PIROS典型页面</title>
<!-- 在线引用 -->
	<!--  Piros 核心 CSS 文件 -->
	<link rel="stylesheet" type="text/css" href="//s.yuantutech.com/yuantu/piros-ui/1.1.3/css/piros.css">

	<!--  jQuery文件 务必在piros.js 之前引入  -->
	<script charset="utf-8" src="//s.yuantutech.com/yuantu/piros-ui/1.1.3/lib/jquery-1.9.1.min.js"></script>

	<!--  Piros 核心 JavaScript 文件 -->
	<script charset="utf-8" src="//s.yuantutech.com/yuantu/piros-ui/1.1.3/piros.js" ></script>
<!-- 本地引用 -->
	<!--  Piros 核心 CSS 文件 -->
	<!-- <link rel="stylesheet" type="text/css" href="css/piros.css"> -->

	<!--  jQuery文件 务必在piros.js 之前引入  -->
	<!-- <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script> -->

	<!--  Piros 核心 JavaScript 文件 -->
	<!-- <script type="text/javascript" src="js/piros.js"></script> -->
</head>
<body>
	<h1>hello,Piros!</h1>
</body>
</html>

浏览器和设备的支持情况

Piros 的目标是在最新浏览器上有最佳的表现，也就是说，在较老旧的浏览器上可能会导致某些组件表现出的样式有些不同，但是功能是完整的。

我们坚决支持这些浏览器的最新版本。在 Windows 平台，我们支持 Internet Explorer 10+。我们建议使用chrome。

Internet Explorer 8 和 9

Internet Explorer 8 和 9 是被支持的（目前js真正开发，不久的将来就能得到支持），然而，你要知道，很多 CSS3 属性和 HTML5 元素 -- 例如，圆角矩形和投影 -- 是肯定不被支持的。另外，加载圈的功能是没有兼容Internet Explorer 8 和 9 的，所以请引用者自行控制。

CSS3 特性 Internet Explorer 8 Internet Explorer 9
border-radius 不支持 支持
box-shadow 不支持 支持
transform 不支持 支持 但是需要添加 -ms 前缀
transition 不支持
placeholder 不支持

请参考Can I use... 以获取详细的 CSS3 和 HTML5 特性在各个浏览器上的支持情况。请谨慎使用。

对第三方组件的支持

我们并不官方支持任何第三方插件。piros-ui与第三方插件可能会产生冲突。请谨慎使用。

客服电话：敬请期待