|
|
@@ -1,6 +1,6 @@
|
|
|
<!DOCTYPE html>
|
|
|
<!--HTML5 doctype-->
|
|
|
-<html>
|
|
|
+<html ng-app="myapp">
|
|
|
<head>
|
|
|
<title>壹管家</title>
|
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
|
@@ -14,8 +14,9 @@
|
|
|
<link href="//cdn.bootcss.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" rel="stylesheet">
|
|
|
<!--引入js文件-->
|
|
|
<script src="<?php echo Yii::app()->request->baseUrl; ?>/js/jquery-1.10.2.min.js"></script>
|
|
|
+ <script src="//cdn.bootcss.com/angular.js/1.4.3/angular.min.js"></script>
|
|
|
</head>
|
|
|
-<body>
|
|
|
+<body ng-controller="myctrl">
|
|
|
<!--
|
|
|
<div align="center">
|
|
|
<h1>扫码关注壹管家获取更多资讯</h1>
|
|
|
@@ -25,15 +26,21 @@
|
|
|
<img style="width: 100%" src="http://odulvej8l.bkt.clouddn.com/%E6%B0%91%E5%AE%BF%E4%BF%9D%E6%B4%81%E8%AF%A6%E6%83%85%E9%A1%B5.jpg" alt="">
|
|
|
<form action="" class="form-horizontal ng-valid ng-dirty ng-valid-parse">
|
|
|
<div class="form-group">
|
|
|
- <label>姓名</label>
|
|
|
+ <label>姓名:</label>
|
|
|
<input type="text" class="form-control" placeholder="请输入您的姓名">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label>地址</label>
|
|
|
- <input type="text" class="form-control" placeholder="请输入您的地址">
|
|
|
+ <label>选择区域:</label>
|
|
|
+ <select name="area" class="form-control" ng-model="Area" ng-init="Area=AreaList[5].id" ng-options="info.id as info.name for info in AreaList" id="">
|
|
|
+ <option value="">--选择区域--</option>
|
|
|
+ </select>
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
- <label>手机号码</label>
|
|
|
+ <label>地址:</label>
|
|
|
+ <input type="text" class="form-control" placeholder="请输入您的详细地址">
|
|
|
+ </div>
|
|
|
+ <div class="form-group">
|
|
|
+ <label>手机号码:</label>
|
|
|
<input type="text" class="form-control" placeholder="请输入您的手机号码">
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
@@ -43,4 +50,27 @@
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
-</html>
|
|
|
+</html>
|
|
|
+<script>
|
|
|
+ var myapp=angular.module('myapp',[]);
|
|
|
+ myapp.controller('myctrl',['$scope',function ($scope) {
|
|
|
+
|
|
|
+ $scope.AreaList = [
|
|
|
+ {'id': 1, 'name': '黄浦区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 2, 'name': '徐汇区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 3, 'name': '长宁区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 4, 'name': '静安区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 5, 'name': '普陀区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 6, 'name': '虹口区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 7, 'name': '杨浦区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 8, 'name': '闵行区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 9, 'name': '宝山区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 10, 'name': '嘉定区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 11, 'name': '浦东新区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 12, 'name': '金山区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 13, 'name': '松江区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 14, 'name': '青浦区', 'parent': 1, type: '2'},
|
|
|
+ {'id': 15, 'name': '奉贤区', 'parent': 1, type: '2'}
|
|
|
+ ];
|
|
|
+ }])
|
|
|
+</script>
|
洪海涛