模态窗口

模态窗口已经打包为单独的组件,可脱离UI总组件单独使用。
下载组件

默认效果

<button class="ui-btn ui-modal-show" data-target="#my-modal-1">小尺寸</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-2">标准尺寸</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-3">大尺寸</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-4">超大尺寸</button>

动画效果

<button class="ui-btn ui-modal-show" data-target="#my-modal-5">沿X轴转动</button>
<button class="ui-btn ui-modal-show" data-target="#my-modal-6">Dialog渐入</button>

Js调用

代码演示
<script>
$(function()
{
/*Js开启模态窗口
$("#my-modal-1").modal('show');
/*Js关闭模态窗口*/
$$("#my-modal-1").modal('close');
})
</script>
模态窗口1
×
【本段内容可在内容管理的区块管理中编辑】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类,包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则,致力创造美好生活。美的专注于持续的技术革新,包括机器人,以提升产品及服务质量,令生活更舒适、更美好。
显示提示
模态窗口2
×
【本段内容可在内容管理的区块管理中编辑】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类,包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则,致力创造美好生活。美的专注于持续的技术革新,包括机器人,以提升产品及服务质量,令生活更舒适、更美好。 美的于1968年成立于中国广东,迄今已建立全球平台,拥有约200家子公司及10个战略业务单位。美的于截止2015年12月31日止财政年度实现收入超过187亿欧元,在全球拥有约11万名员工。 美的在全球运营29个生产基地及约260个物流仓库。美的是一家于深圳证劵交易所上市的民营企业(000333),其多元化的股份结构显示,近20%股份为国际机构投资者所持有。
关闭窗口
模态窗口3
×
【本段内容可在内容管理的区块管理中编辑】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类,包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则,致力创造美好生活。美的专注于持续的技术革新,包括机器人,以提升产品及服务质量,令生活更舒适、更美好。 美的于1968年成立于中国广东,迄今已建立全球平台,拥有约200家子公司及10个战略业务单位。美的于截止2015年12月31日止财政年度实现收入超过187亿欧元,在全球拥有约11万名员工。 美的在全球运营29个生产基地及约260个物流仓库。美的是一家于深圳证劵交易所上市的民营企业(000333),其多元化的股份结构显示,近20%股份为国际机构投资者所持有。
模态窗口4
×
【本段内容可在内容管理的区块管理中编辑】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类,包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则,致力创造美好生活。美的专注于持续的技术革新,包括机器人,以提升产品及服务质量,令生活更舒适、更美好。 美的于1968年成立于中国广东,迄今已建立全球平台,拥有约200家子公司及10个战略业务单位。美的于截止2015年12月31日止财政年度实现收入超过187亿欧元,在全球拥有约11万名员工。 美的在全球运营29个生产基地及约260个物流仓库。美的是一家于深圳证劵交易所上市的民营企业(000333),其多元化的股份结构显示,近20%股份为国际机构投资者所持有。
模态窗口5
×
【本段内容可在内容管理的区块管理中编辑】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类,包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则,致力创造美好生活。美的专注于持续的技术革新,包括机器人,以提升产品及服务质量,令生活更舒适、更美好。
模态窗口5
×
【本段内容可在内容管理的区块管理中编辑】美的集团是一家全球领先的消费电器、暖通空调、机器人及工业自动化系统的科技集团。提供多元化的产品种类,包括空调、冰箱、洗衣机、厨房家电、及各类小型家电。美的坚守 “为客户创造价值”的原则,致力创造美好生活。美的专注于持续的技术革新,包括机器人,以提升产品及服务质量,令生活更舒适、更美好。