AngularJS +HTML Demo-LMLPHP

 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="MobileOptimized" content="240">
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0">
<title>首页</title>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/tbtouch.css" rel="stylesheet" type="text/css">
<link href="css/css.css" rel="stylesheet" type="text/css">
</head>
<body>
<div ng-app="myApp" ng-controller="formCtrl">
<div class="xttblog">
<div style="background:url('img/head.png'); width:100%;height:32px;"></div>
<ul class="topbox">
<li ng-repeat="x in names">
<a href="javascript:;" ng-click="save()">
<img src="img/top.png" class="img70" /><br />{{ x.name }}
</a>
</li>
</ul>
</div>
<br />
<ul>
<li ng-repeat="x in items">
<div class="tit_tj">{{ x.name }}</div>
<ul class="tjlist">
<li ng-repeat="y in x.item">
<a href="javascript:;" ng-click="save()">
<img class="img76" src="img/item.png" width="70" height="70"><strong>{{ y.name }}</strong><p>{{ y.details }}</p>
<div class="jiantou"></div>
</a>
</li>
</ul>
</li>
</ul>
<div ng-app="myApp" class="hovertreebottom">
<nav>
<div id="hovertreebottom_ul">
<ul class="box">
<li ng-repeat="x in items3">
<a href="javascript:;" ng-click="save()"><img src="img/btn.png" /><br /><span>{{ x.name }}</span></a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('formCtrl', function ($scope) {
$scope.names = [
{ name: '业绩报表' },
{ name: '账户报表' },
{ name: '代理报表' }];
$scope.items = [
{
name: '账户',
item: [
{ name: '申请记录', details: '查询账户' },
{ name: '出入金查询', details: '查询账户历史出入金' }
]
},
{
name: '出入金',
item: [
{ name: '申请记录', details: '查询账户出入金的处理结果' },
{ name: '账户详情', details: '查询账户详细信息' }
]
}
];
$scope.items3 = [
{ name: '销售' },
{ name: '交易' },
{ name: '人事' },
{ name: '分析' },
{ name: '我' }];
$scope.save = function () {
alert("温馨提示 尚无测试权限,等待开放");
};
});
</script>
</body>
</html>

Demo下载 密码:87zl

05-11 13:58
查看更多