Intro 简介组件
简介组件，常用于放置包含图片和文字的企业介绍信息等。
组件演示
default（More 在上）
你好小娜
更多细节
Cortana 恐怕是用户急于更新到 WP8.1 Update 开发者预览版的原因之一
Cortana 中国版特有的新图标（面团，带眼睛，可在 Cortana 设置中切换回圆圈），使用的是中文语言，也同样支持 Cortana 笔记本。
<div data-am-widget="intro" class="am-intro am-cf am-intro-default">
<div class="am-intro-hd">
<h2 class="am-intro-title">你好小娜</h2>
<a class="am-intro-more am-intro-more-top" href="#more">更多细节</a>
</div>
<div class="am-g am-intro-bd">
<div class="am-intro-left am-col col-sm-5">
<img src="http://i.static.amazeui.org/assets/i/cpts/intro/WP_Cortana_China.png"
alt="小娜" />
</div>
<div class="am-intro-right am-col col-sm-7">
<p>Cortana 恐怕是用户急于更新到 WP8.1 Update 开发者预览版的原因之一</p>
<p>Cortana 中国版特有的新图标（面团，带眼睛，可在 Cortana 设置中切换回圆圈），使用的是中文语言，也同样支持 Cortana 笔记本。</p>
</div>
</div>
</div>default（More 在下）
你好小娜
Cortana 恐怕是用户急于更新到 WP8.1 Update 开发者预览版的原因之一
Cortana 中国版特有的新图标（面团，带眼睛，可在 Cortana 设置中切换回圆圈），使用的是中文语言，也同样支持 Cortana 笔记本。
<div data-am-widget="intro" class="am-intro am-cf am-intro-default">
<div class="am-intro-hd">
<h2 class="am-intro-title">你好小娜</h2>
</div>
<div class="am-g am-intro-bd">
<div class="am-intro-left am-col col-sm-5">
<img src="http://i.static.amazeui.org/assets/i/cpts/intro/WP_Cortana_China.png"
alt="小娜" />
</div>
<div class="am-intro-right am-col col-sm-7">
<p>Cortana 恐怕是用户急于更新到 WP8.1 Update 开发者预览版的原因之一</p>
<p>Cortana 中国版特有的新图标（面团，带眼睛，可在 Cortana 设置中切换回圆圈），使用的是中文语言，也同样支持 Cortana 笔记本。</p>
</div>
</div>
<div class="am-intro-more-bottom">
<a class="am-btn am-btn-default" href="#more">更多细节</a>
</div>
</div>使用方法
直接使用
- 拷贝演示中的代码，粘贴到 Amaze UI HTML 模板（点此下载）
<body>区域； - 将示例代码中的内容替换为自己的内容。
使用 Handlebars
本组件 Handlebars partial 名称为 intro，使用细节参照折叠面板组件。
云适配 WebIDE
- 将组件拖入编辑界面；
- 点击右侧面板里的【数据采集】按钮，按以下格式采集数据。
Amaze UI 1.0
var data = {
"title": "", // 标题
"more": { // 更多链接
"title": "",
"link": ""
},
"left": "", //左边的内容
"right": "" //右边的内容
};
return data;
Amaze UI 0.9
var data = {
"top": "", // 标题
"more": "", // 更多链接（支持html标签）
"left": "", //左边的内容
"right": "" //右边的内容
};
return data;
数据接口
{
"id": "",
"className": "",
"theme": "",
"options": {
"leftCols": "",
"RightCols": "",
"position":""
},
"content": {
"title": "",
"more": {
"link": "",
"title": ""
},
"left": "",
"right": ""
}
}
