50 lines
1.5 KiB
HTML
50 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
||
|
|
<title>Examples</title>
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="keywords" content="">
|
||
|
|
<link href="../css/base.min.css" rel="stylesheet">
|
||
|
|
<style type="text/css">
|
||
|
|
body {background:url(/123.png) no-repeat;}
|
||
|
|
.a {display:inline-block;min-width:80px;height:32px;margin:10px;padding:0 10px;text-decoration:none;border:1px solid #ddd;line-height:30px;}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body ms-controller="test">
|
||
|
|
|
||
|
|
<a class="a" href="javascript:;" ms-click="layer.alert('测试alert内容')">alert层</a>
|
||
|
|
<a class="a" href="javascript:;" ms-click="layer.confirm('测试confirm内容')">confirm层</a>
|
||
|
|
<a class="a" href="javascript:;" ms-click="layer.msg('测试msg内容')">msg层</a>
|
||
|
|
<a class="a" href="javascript:;" ms-click="layer.prompt('测试prompt内容')">prompt层</a>
|
||
|
|
<a class="a" href="javascript:;" ms-click="layer.loading('测试loading内容')">loading层</a>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script src="../avalon.modern.min.js"></script>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
|
||
|
|
require(['layer/layer.js'], function(lay){
|
||
|
|
|
||
|
|
avalon.define({
|
||
|
|
$id: 'test'
|
||
|
|
})
|
||
|
|
|
||
|
|
layer.alert('测试loading内容blabla')
|
||
|
|
layer.confirm('测试loading内容blabla测试loading内容blabla测试loading内容blabla', {offset: {x: '550px', y: '690px'}})
|
||
|
|
layer.open({content: '测试loading内容blabla', offset: {x: '350px', y: '390px'}})
|
||
|
|
|
||
|
|
avalon.scan()
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|