├── E3-demo
    ├── .project
    ├── Home
    │   └── product-detail-needtem.html
    ├── barItem
    │   ├── cart.html
    │   ├── category.html
    │   ├── home.html
    │   ├── mine.html
    │   └── wishList.html
    ├── category
    │   └── category-detail-new-needtem.html
    ├── css
    │   ├── iconfont.css
    │   ├── mui.css
    │   ├── mui.min.css
    │   ├── mui.picker.min.css
    │   └── own.css
    ├── fonts
    │   ├── iconfont.ttf
    │   └── mui.ttf
    ├── img
    │   ├── 1.jpg
    │   ├── 2.jpg
    │   ├── 3.jpg
    │   ├── 50.jpg
    │   ├── bg.jpeg
    │   ├── bg.png
    │   ├── category.png
    │   ├── detail
    │   │   ├── 0.jpg
    │   │   ├── 1.jpg
    │   │   ├── 2.jpg
    │   │   ├── 3.jpg
    │   │   ├── 4.jpg
    │   │   ├── 5.jpg
    │   │   ├── 6.jpg
    │   │   ├── 7.jpg
    │   │   ├── 8.jpg
    │   │   └── 9.jpg
    │   ├── jump.gif
    │   ├── slider
    │   │   ├── slider1.jpg
    │   │   ├── slider2.jpg
    │   │   ├── slider3.jpg
    │   │   └── slider4.png
    │   └── touxiang.jpg
    ├── index.html
    ├── js
    │   ├── city.data-3.js
    │   ├── mui.js
    │   ├── mui.min.js
    │   ├── mui.picker.min.js
    │   └── own.js
    ├── manifest.json
    ├── mine
    │   ├── address-needtem.html
    │   ├── change-address-needtem.html
    │   ├── change-email-needtem.html
    │   ├── change-psd-needtem.html
    │   ├── feedback-needtem.html
    │   ├── forget-psd-needtem.html
    │   ├── login.html
    │   ├── my-order-needtem.html
    │   └── register-needtem.html
    ├── template-main-first.html
    ├── template-main-second.html
    ├── template-main-third.html
    ├── template.html
    └── unpackage
    │   ├── .confirmed_dependencies
    │   └── .dependencies
├── E3-server
    ├── .project
    ├── Home
    │   └── product-detail-needtem.html
    ├── Mine
    │   ├── address.html
    │   ├── change-address-needtem.html
    │   ├── changeEmail-needtem.html
    │   ├── changepsd-needtem.html
    │   ├── login.html
    │   ├── my-dingdan-needtem.html
    │   ├── register-needtem.html
    │   └── remenberpsd-needtem.html
    ├── baritemHtml
    │   ├── cart.html
    │   ├── category.html
    │   ├── home.html
    │   ├── mine.html
    │   └── xinyuandan.html
    ├── category
    │   └── category-detail-needtem.html
    ├── css
    │   ├── iconfont.css
    │   ├── mui.css
    │   ├── mui.min.css
    │   ├── mui.picker.all.css
    │   ├── mui.picker.css
    │   ├── mui.picker.min.css
    │   ├── mui.poppicker.css
    │   └── own.css
    ├── fonts
    │   ├── iconfont.ttf
    │   └── mui.ttf
    ├── img
    │   ├── 3.jpg
    │   ├── bg.jpeg
    │   ├── bg.png
    │   ├── jump.gif
    │   └── touxiang.jpg
    ├── index.html
    ├── js
    │   ├── ajax.js
    │   ├── city.data-3.js
    │   ├── load.js
    │   ├── md5.js
    │   ├── mui.js
    │   ├── mui.min.js
    │   ├── mui.picker.min.js
    │   ├── mui.pullToRefresh.js
    │   ├── mui.pullToRefresh.material.js
    │   ├── own.js
    │   └── wl_ajax.js
    ├── manifest.json
    ├── product-detail-tem.html
    └── template-main.html
├── LICENSE
└── README.md


/E3-demo/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>E3-demo</name>
 4 | 	<comment>Create By HBuilder</comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 		<buildCommand>
 9 | 			<name>com.pandora.projects.ui.MKeyBuilder</name>
10 | 			<arguments>
11 | 			</arguments>
12 | 		</buildCommand>
13 | 		<buildCommand>
14 | 			<name>com.aptana.ide.core.unifiedBuilder</name>
15 | 			<arguments>
16 | 			</arguments>
17 | 		</buildCommand>
18 | 	</buildSpec>
19 | 	<natures>
20 | 		<nature>com.pandora.projects.ui.MKeyNature</nature>
21 | 		<nature>com.aptana.projects.webnature</nature>
22 | 	</natures>
23 | 	<filteredResources>
24 | 		<filter>
25 | 			<id>1464747136290</id>
26 | 			<name></name>
27 | 			<type>10</type>
28 | 			<matcher>
29 | 				<id>org.eclipse.ui.ide.orFilterMatcher</id>
30 | 				<arguments>
31 | 					<matcher>
32 | 						<id>org.eclipse.ui.ide.multiFilter</id>
33 | 						<arguments>1.0-projectRelativePath-matches-false-false-bin</arguments>
34 | 					</matcher>
35 | 					<matcher>
36 | 						<id>org.eclipse.ui.ide.multiFilter</id>
37 | 						<arguments>1.0-projectRelativePath-matches-false-false-setting</arguments>
38 | 					</matcher>
39 | 				</arguments>
40 | 			</matcher>
41 | 		</filter>
42 | 	</filteredResources>
43 | </projectDescription>
44 | 


--------------------------------------------------------------------------------
/E3-demo/barItem/category.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 
  4 | 	<head>
  5 | 		<meta charset="UTF-8">
  6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7 | 		<title></title>
  8 | 		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  9 | 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
 10 | 		<link rel="stylesheet" type="text/css" href="../css/own.css" />
 11 | 		<style type="text/css">
 12 | 			.mui-col-xs-4,
 13 | 			.mui-col-xs-8 {
 14 | 				height: 100%;
 15 | 				overflow-y: auto;
 16 | 			}
 17 | 			
 18 | 			.mui-segmented-control .mui-control-item {
 19 | 				line-height: 40px;
 20 | 				width: 100%;
 21 | 				text-align: center;
 22 | 				padding-right: 10px;
 23 | 			}
 24 | 			
 25 | 			.mui-segmented-control .mui-control-item img {
 26 | 				width: 25px;
 27 | 				vertical-align: middle;
 28 | 			}
 29 | 			
 30 | 			.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
 31 | 				background-color: #F9F9F9;
 32 | 				color: #41cea9;
 33 | 			}
 34 | 			
 35 | 			.mui-table-view-cell {
 36 | 				padding: 8px;
 37 | 				text-align: center;
 38 | 				background-color: #F9F9F9;
 39 | 			}
 40 | 			
 41 | 			.mui-table-view:after,
 42 | 			.mui-table-view-cell:after {
 43 | 				height: 0px;
 44 | 			}
 45 | 			
 46 | 			.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item,
 47 | 			.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
 48 | 				border-bottom: none;
 49 | 			}
 50 | 			
 51 | 			.mui-control-content {
 52 | 				font-size: 0.9em;
 53 | 			}
 54 | 		</style>
 55 | 	</head>
 56 | 
 57 | 	<body>
 58 | 		<div class="mui-content mui-row mui-fullscreen">
 59 | 			<div class="mui-col-xs-4" style="background: white;">
 60 | 				<div id="categoryStair" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
 61 | 				</div>
 62 | 			</div>
 63 | 			<div id="categoryMovers" class="mui-col-xs-8" style="background: #F9F9F9;">
 64 | 				<div id="category3387" class="mui-control-content mui-active">
 65 | 
 66 | 				</div>
 67 | 			</div>
 68 | 		</div>
 69 | 
 70 | 		<script type="text/javascript" src="../js/mui.min.js"></script>
 71 | 		<script type="text/javascript" src="../js/own.js"></script>
 72 | 		<script type="text/javascript">
 73 | 			mui.init({
 74 | 				swipeBack: false
 75 | 			})
 76 | 			var categoryWebview; //这个页面的实例
 77 | 			var categoryStair = []; //第一级category数据存储
 78 | 			var categoryMovers = []; //第二级category数据存储
 79 | 			var categoryHtml = []; //html数组
 80 | 			var categoryStairHtml; //categoryStair的div
 81 | 			var categoryMoversHtml; //categoryMovers的div
 82 | 			var parentWebView; //父类
 83 | 			mui.plusReady(function() {
 84 | 				
 85 | 					setSubWebviewBounce('none');
 86 | 					categoryWebview = plus.webview.currentWebview();
 87 | 					categoryStairHtml = document.getElementById('categoryStair');
 88 | 					categoryMoversHtml = document.getElementById('categoryMovers');
 89 | 					parentWebView = plus.webview.currentWebview().parent();
 90 | 					//添加点击第一级和第二级的监听事件
 91 | 					addCategoryEvent();
 92 | 					//初始化第一级数据并且设置html
 93 | 					initFirstCategoryData();
 94 | 					//初始化第二级数据并且设置html
 95 | 					initSecondCategoryData(0);
 96 | 				})
 97 | 				//添加点击第一级和第二级的监听事件
 98 | 			function addCategoryEvent() {
 99 | 				//为第一级分类监听点击事件
100 | 				mui('#categoryStair').on('tap', '.mui-control-item', function() {
101 | 					var item = this;
102 | 					get_sub_categoryByParentID(item.getAttribute('href').substring(9));
103 | 				});
104 | 				//监听第二级分类的点击事件
105 | 				//监听事件中mui选择的时候最好不要有多个被选择的对象，也就是＃categoryMovers最好只表示一个节点。也就是最好用id
106 | 				mui('#categoryMovers').on('tap', '.mui-table-view-cell a', function() {
107 | 					var categoryA = this;
108 | 					var id = 'category/category-detail-new-needtem.html';
109 | 					var title = categoryA.innerText;
110 | 					var href = 'category/category-detail-new-needtem.html';
111 | 					var categoryID = categoryA.getAttribute('href');
112 | 					//弹入分类商品列表
113 | 					pushWebView({
114 | 						webType: 'newWebview_First',
115 | 						id: id,
116 | 						href: href,
117 | 						aniShow: getaniShow(),
118 | 						title: title,
119 | 						isBars: false,
120 | 						barsIcon: '',
121 | 						extendOptions: {categoryID:categoryID}
122 | 					})
123 | 				});
124 | 			}
125 | 			//初始化第一级数据并且设置html
126 | 			function initFirstCategoryData() {
127 | 				for (var i = 0; i < 10; i++) {
128 | 					var item = {};
129 | 					item.id = i;
130 | 					item.name = '分类' + i;
131 | 					item.imageurl = '../img/category.png';
132 | 					categoryStair[i] = item;
133 | 					var html = '<a class="mui-control-item" href="#category' + categoryStair[i].id + '"><span><img src="' + categoryStair[i].imageurl + '"/>&nbsp&nbsp</span>' + categoryStair[i].name + '</a>';
134 | 					categoryHtml.push(html);
135 | 				}
136 | 				//设置categorystairhtml的innerhtml
137 | 				categoryStairHtml.innerHTML = categoryHtml.join('');
138 | 				//设置初始化第一个的mui-active
139 | 				document.querySelector('.mui-control-item').classList.add('mui-active');
140 | 				//重置categoryHtml数组
141 | 				categoryHtml = [];
142 | 			}
143 | 			//初始化第二级数据并且设置html
144 | 			function initSecondCategoryData(parentId) {
145 | 				var categorysub = {};
146 | 				categorysub.parentID = parentId;
147 | 				categorysubarray = [];
148 | 				for (var i = 0; i < 20; i++) {
149 | 					var subitem = {};
150 | 					subitem.categoryID = i;
151 | 					subitem.productName = parentId +'子分类' + i;
152 | 					categorysubarray[i] = subitem;
153 | 				}
154 | 				categorysub.categorysubarray = categorysubarray;
155 | 				//如果已经存在这个id的信息就不在加入
156 | 				var item = get_categoryMoversStateByID(parentId);
157 | 				if (item && item.categorysubarray.length > 0) {
158 | 					return;
159 | 				}
160 | 				categoryMovers.push(categorysub);
161 | 				createSubCategoryHtml(categorysub);
162 | 				setCurSubCategory();
163 | 			}
164 | 			//创建二级分类的html
165 | 			function createSubCategoryHtml(categorysub) {
166 | 				var html = '<div id="category' + categorysub.parentID + '" class="mui-control-content"><ul class="mui-table-view">';
167 | 				mui.each(categorysub.categorysubarray, function(index, item) {
168 | 					html = html + '<li class="mui-table-view-cell"><a href ="' + item.categoryID + '">' + item.productName + '</a></li>';
169 | 				});
170 | 				html = html + '</ul></div>';
171 | 				console.log(html);
172 | 				categoryHtml.push(html);
173 | 				categoryMoversHtml.innerHTML = categoryHtml.join('');
174 | 			}
175 | 			//通过parentID获取下面的二级分类
176 | 			function get_sub_categoryByParentID(parentID) {
177 | 				//只有当categoryMovers这个数组中存在这个id并且这个id下面的分类数量大于0才不需要再次请求
178 | 				var item = get_categoryMoversStateByID(parentID);
179 | 				if (item && item.categorysubarray.length > 0) {
180 | 					return;
181 | 				}
182 | 				
183 | 				initSecondCategoryData(parentID);
184 | 			}
185 | 			//在完成创建二级分裂之后设置当前选中的subcategory
186 | 			function setCurSubCategory() {
187 | 				var stairslist = document.querySelectorAll('.mui-control-item');
188 | 				var moversList = document.querySelectorAll('.mui-control-content');
189 | 				var curItem;
190 | 				for (var i = 0; i < stairslist.length; i++) {
191 | 					if (stairslist[i].classList.contains('mui-active')) {
192 | 						curItem = stairslist[i];
193 | 						break;
194 | 					}
195 | 				}
196 | 				var curstairsID = curItem.getAttribute('href').substring(9);
197 | 				var showItem = null;
198 | 				for (var i = 0; i < moversList.length; i++) {
199 | 					if (moversList[i].id.substring(8) == curstairsID) {
200 | 						showItem = moversList[i];
201 | 						break;
202 | 					}
203 | 				}
204 | 				//如果现在没有content来显示 则马上请求 这个数据
205 | 				if (showItem) {
206 | 					showItem.classList.add('mui-active');
207 | 				} else {
208 | 					get_sub_categoryByParentID(curstairsID);
209 | 				}
210 | 			}
211 | 
212 | 			function get_categoryMoversStateByID(parentID) {
213 | 				for (var i = 0; i < categoryMovers.length; i++) {
214 | 					if (categoryMovers[i].parentID == parentID) {
215 | 						return categoryMovers[i];
216 | 					}
217 | 				}
218 | 				return null;
219 | 			}
220 | 		</script>
221 | 	</body>
222 | 
223 | </html>


--------------------------------------------------------------------------------
/E3-demo/barItem/home.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 
  4 | 	<head>
  5 | 		<meta charset="utf-8">
  6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7 | 		<title>E3</title>
  8 | 		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  9 | 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
 10 | 		<link rel="stylesheet" type="text/css" href="../css/own.css" />
 11 | 
 12 | 		<style type="text/css">
 13 | 			.mui-table-view:after {
 14 | 				height: 0px;
 15 | 			}
 16 | 			/*图片显示的时候设置为自动 因为 从服务器来的图片大小相同*/
 17 | 			
 18 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
 19 | 				line-height: auto;
 20 | 				max-width: auto;
 21 | 				height: auto;
 22 | 				border-top-right-radius: 4px;
 23 | 				border-top-left-radius: 4px;
 24 | 			}
 25 | 			
 26 | 			.mui-table-view-cell {
 27 | 				margin-bottom: 10px;
 28 | 			}
 29 | 			
 30 | 			.bgDiv {
 31 | 				border: 1px solid rgba(204, 204, 204, 0.7);
 32 | 				border-radius: 5px;
 33 | 				background-color: white;
 34 | 				width: 100%;
 35 | 			}
 36 | 			
 37 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
 38 | 				margin-top: 2px;
 39 | 				margin-bottom: 5px;
 40 | 				height: auto;
 41 | 			}
 42 | 			
 43 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p {
 44 | 				white-space: pre;
 45 | 				color: black;
 46 | 			}
 47 | 			
 48 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p.mui-ellipsis-2 {
 49 | 				height: 30px;
 50 | 			}
 51 | 			
 52 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-one {
 53 | 				margin-top: 12px;
 54 | 				float: left;
 55 | 				font-size: 1.1em;
 56 | 				margin-left: 7%;
 57 | 				color: red;
 58 | 				margin-bottom: 10px;
 59 | 			}
 60 | 			
 61 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-two {
 62 | 				margin-top: 12px;
 63 | 				float: right;
 64 | 				font-size: 1.1em;
 65 | 				margin-right: 7%;
 66 | 				text-decoration: line-through;
 67 | 			}
 68 | 		</style>
 69 | 	</head>
 70 | 
 71 | 	<body>
 72 | 		<div class="mui-content">
 73 | 			<div id="homeDiv" class="mui-content own-content-padding">
 74 | 				<div id="productSlider" class="mui-slider">
 75 | 				</div>
 76 | 				<div id="recommend" class="mui-table-view mui-grid-view own-gray-color">
 77 | 
 78 | 				</div>
 79 | 			</div>
 80 | 		</div>
 81 | 	</body>
 82 | 
 83 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 84 | 	<script src="../js/own.js" charset="UTF-8"></script>
 85 | 	<script type="text/javascript">
 86 | 		mui.init({
 87 | 			swipeBack: false
 88 | 		});
 89 | 		var currentWebview;
 90 | 		var homeDiv;
 91 | 		var marqueeArray = []; //跑马灯数据数组
 92 | 		var recommendArray = []; //推荐商品数组
 93 | 		mui.plusReady(function() {
 94 | 			currentWebview = plus.webview.currentWebview();
 95 | 			homeDiv = document.getElementById('homeDiv');
 96 | 			//初始化一些本地数据
 97 | 			initSomeData();
 98 | 			//设置跑马灯
 99 | 			setMarquee();
100 | 			//设置推荐商品
101 | 			setRecommend();
102 | 			//添加每个item点击的监听事件
103 | 			mui('#recommend').on('tap', 'a', function() {
104 | 				var item = this;
105 | 				var itemID = this.getAttribute('href');
106 | 				var extendOptions = {
107 | 					itemID: itemID
108 | 				};
109 | 				pushWebView({
110 | 					webType: 'newWebview_First',
111 | 					id: 'Home/product-detail-needtem.html',
112 | 					href: 'Home/product-detail-needtem.html',
113 | 					aniShow: getaniShow(),
114 | 					title: "商品详情",
115 | 					isBars: false,
116 | 					barsIcon: '',
117 | 					extendOptions: extendOptions
118 | 				});
119 | 			});
120 | 		})
121 | 
122 | 		function initSomeData() {
123 | 			for (var i = 0; i < 20; i++) {
124 | 				var dataItem = {};
125 | 				dataItem.product_price = {default_price:"20.00",list_price:"28.0"};
126 | 				dataItem.product_name = "这都是些什么鬼东西啊有什么用啊啊啊 ";
127 | 				dataItem.large_image_url = "../img/1.jpg";
128 | 				dataItem.product_id = "13110";
129 | 				recommendArray.push(dataItem);
130 | 			}
131 | 			for (var i = 0 ; i < 4;i++	) {
132 | 				var marqueeItem  = {};
133 | 				marqueeItem.contentId = i;
134 | 				if (i == 3) {
135 | 					marqueeItem.imagerpath = '../img/slider/slider4.png';
136 | 				} else{
137 | 					marqueeItem.imagerpath = '../img/slider/slider'+(i+1)+'.jpg';
138 | 				}
139 | 				marqueeArray.push(marqueeItem);
140 | 			}
141 | 		}
142 | 
143 | 		function setMarquee() {
144 | 			var sliderMarquee = document.getElementById('productSlider');
145 | 			var sliderGroup = document.createElement('div');
146 | 			sliderGroup.className = 'mui-slider-group mui-slider-loop';
147 | 			sliderMarquee.appendChild(sliderGroup);
148 | 			var sliderIndicator = document.createElement('div');
149 | 			sliderIndicator.className = 'mui-slider-indicator';
150 | 			sliderMarquee.appendChild(sliderIndicator);
151 | 			for (var i = 0; i < marqueeArray.length; i++) {
152 | 				if (0 == i) {
153 | 					var sliderItemDuplicate = document.createElement('div');
154 | 					sliderItemDuplicate.className = 'mui-slider-item mui-slider-item-duplicate';
155 | 					sliderItemDuplicate.innerHTML = '<a href="' + marqueeArray[marqueeArray.length - 1].contentId + '">\
156 | 							<img src="' + marqueeArray[marqueeArray.length - 1].imagerpath + '" />\
157 | 						</a>';
158 | 					sliderGroup.appendChild(sliderItemDuplicate);
159 | 				}
160 | 				var sliderItem = document.createElement('div');
161 | 				sliderItem.className = 'mui-slider-item';
162 | 				sliderItem.innerHTML = '<a href="' + marqueeArray[i].contentId + '">\
163 | 						<img src="' + marqueeArray[i].imagerpath + '" />\
164 | 					</a>';
165 | 				sliderGroup.appendChild(sliderItem);
166 | 				var indicatorItme = document.createElement('div');
167 | 				if (i == 0) {
168 | 					indicatorItme.className = 'mui-indicator mui-active';
169 | 				} else {
170 | 					indicatorItme.className = 'mui-indicator';
171 | 				}
172 | 				sliderIndicator.appendChild(indicatorItme);
173 | 				if (marqueeArray.length - 1 == i) {
174 | 					var sliderItemDuplicate = document.createElement('div');
175 | 					sliderItemDuplicate.className = 'mui-slider-item mui-slider-item-duplicate';
176 | 					sliderItemDuplicate.innerHTML = '<a href="' + marqueeArray[0].contentId + '">\
177 | 							<img src="' + marqueeArray[0].imagerpath + '" />\
178 | 						</a>';
179 | 					sliderGroup.appendChild(sliderItemDuplicate);
180 | 				}
181 | 				slider = mui('.mui-slider').slider({
182 | 					interval:2000
183 | 				});
184 | 			}
185 | 		}
186 | 		//设置推荐商品
187 | 		function setRecommend() {
188 | 			var recommend = document.getElementById('recommend');
189 | 			mui.each(recommendArray, function(index, item) {
190 | 				var li = document.createElement('li');
191 | 				li.className = 'mui-table-view-cell mui-media mui-col-xs-6';
192 | 				li.innerHTML = '<a href="' + item.product_id + '">\
193 | 					<div class= "bgDiv">\
194 | 						<img class="mui-media-object" src="'+item.large_image_url+'"/>\
195 | 						<div class="mui-media-body">\
196 | 							<p class="mui-ellipsis-2">' + item.product_name + '</p>\
197 | 							<p class="price-one">¥' + item.product_price.default_price + '</p>\
198 | 							<p class="price-two">¥' + item.product_price.list_price + '</p>\
199 | 						</div>\
200 | 					</div>\
201 | 				</a>';
202 | 				recommend.appendChild(li);
203 | 			});
204 | 		}
205 | 	</script>
206 | 
207 | </html>


--------------------------------------------------------------------------------
/E3-demo/barItem/mine.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 
  4 | 	<head>
  5 | 		<meta charset="UTF-8">
  6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7 | 		<title>Mine</title>
  8 | 		<link href="../css/mui.min.css" rel="stylesheet" />
  9 | 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
 10 | 		<link rel="stylesheet" type="text/css" href="../css/own.css" />
 11 | 		<style type="text/css">
 12 | 			.headImg {
 13 | 				padding: 8% 0px 13% 0px;
 14 | 				background: url(../img/bg.jpeg);
 15 | 				background-position: center center;
 16 | 				background-size: 100% auto;
 17 | 			}
 18 | 			
 19 | 			.touxiang {
 20 | 				text-align: center;
 21 | 			}
 22 | 			
 23 | 			.touxiang div {
 24 | 				width: 4em;
 25 | 				height: 4em;
 26 | 				padding: 0px;
 27 | 				border-radius: 50%;
 28 | 				border: 2px solid white;
 29 | 				color: gray;
 30 | 				margin: 0px auto;
 31 | 				margin-bottom: 5px;
 32 | 			}
 33 | 		</style>
 34 | 	</head>
 35 | 
 36 | 	<body>
 37 | 		<div class="mui-content">
 38 | 
 39 | 			<div class="headImg">
 40 | 				<div class="touxiang">
 41 | 					<div>
 42 | 						<span id="touxiangimg" class="mui-icon mui-icon-person" style="font-size: 3.8em; color: white;"></span>
 43 | 						<img id="trueimg" src="../img/bg.jpeg" style="width: 100%; height: 100%; border-radius: 50%;" />
 44 | 					</div>
 45 | 					<span id="touxiangword">请登录</span>
 46 | 				</div>
 47 | 			</div>
 48 | 
 49 | 			<ul class="mui-table-view" style="margin-top: 10px;">
 50 | 				<li class="mui-table-view-cell">
 51 | 					<a class="mui-navigate-right" href="../mine/my-order-needtem.html">
 52 | 						<span class="mui-icon iconfont icon-wodedingdan"></span> 我的订单
 53 | 					</a>
 54 | 				</li>
 55 | 				<li class="mui-table-view-cell">
 56 | 					<a id="changeaddress" class="mui-navigate-right" href="../mine/change-address-needtem.html">
 57 | 						<span class="mui-icon iconfont icon-dizhi"></span> 修改地址
 58 | 					</a>
 59 | 				</li>
 60 | 			</ul>
 61 | 			<ul class="mui-table-view" style="margin-top: 20px;">
 62 | 				<li class="mui-table-view-cell">
 63 | 					<a class="mui-navigate-right" href="../mine/change-email-needtem.html">
 64 | 						<span class="mui-icon mui-icon-email"></span> 修改邮箱
 65 | 					</a>
 66 | 				</li>
 67 | 				<li class="mui-table-view-cell">
 68 | 					<a class="mui-navigate-right" href="../mine/change-psd-needtem.html">
 69 | 						<span class="mui-icon mui-icon-locked"></span> 修改密码
 70 | 					</a>
 71 | 				</li>
 72 | 			</ul>
 73 | 			<ul class="mui-table-view" style="margin-top: 20px;">
 74 | 				<li class="mui-table-view-cell">
 75 | 					<a class="mui-navigate-right" href="../mine/feedback-needtem.html">
 76 | 						<span class="mui-icon iconfont icon-xiaolian"></span> 用户反馈
 77 | 					</a>
 78 | 				</li>
 79 | 			</ul>
 80 | 
 81 | 			<ul id="logoutBtn" class="mui-table-view" style="margin-top: 20px;margin-bottom: 20px;">
 82 | 				<li class="mui-table-view-cell" style="text-align: center;">
 83 | 					<span style="color: indianred;">退出登录</span>
 84 | 				</li>
 85 | 			</ul>
 86 | 
 87 | 		</div>
 88 | 		<script type="text/javascript" src="../js/mui.min.js"></script>
 89 | 		<script type="text/javascript" src="../js/own.js"></script>
 90 | 		<script type="text/javascript" charset="UTF-8">
 91 | 			mui.init({
 92 | 				swipeBack: false
 93 | 			});
 94 | 			var parentWebView;
 95 | 			var touxiangimg;
 96 | 			var logoutBtn;
 97 | 			var trueimg;
 98 | 			var touxiangword;
 99 | 			mui.plusReady(function() {
100 | 					parentWebView = plus.webview.currentWebview().parent();
101 | 					touxiangimg = document.getElementById('touxiangimg');
102 | 					logoutBtn = document.getElementById('logoutBtn');
103 | 					trueimg = document.getElementById('trueimg');
104 | 					touxiangword = document.getElementById('touxiangword');
105 | 					//检测是否已经登录
106 | 					trueimg.style.display = 'none';
107 | 					logoutBtn.style.display = 'none'
108 | 					touxiangimg.style.display = 'inline'
109 | 					touxiangword.style.color = 'indianred'
110 | 						//注册列表的点击事件
111 | 					addListevent();
112 | 					//点击头像事件
113 | 					addHeadevent();
114 | 					//接收登录成功事件
115 | 					window.addEventListener('loginSuccess', function() {
116 | 						//登出按钮显示出来 头像图片显示出来名字显示出来
117 | 						logoutBtn.style.display = 'block';
118 | 						touxiangimg.style.display = 'none';
119 | 						trueimg.style.display = 'inline';
120 | 						touxiangword.innerText = "测试号";
121 | 						touxiangword.style.color = 'black';
122 | 					}, false);
123 | 					logoutBtn.addEventListener('tap', function() {
124 | 						var btnArray = ['否', '是'];
125 | 						mui.confirm('确认要退出登录吗？', 'Hello MUI', btnArray, function(e) {
126 | 							if (e.index == 1) {
127 | 								//确定
128 | 								trueimg.style.display = 'none';
129 | 								logoutBtn.style.display = 'none';
130 | 								touxiangimg.style.display = 'inline';
131 | 								touxiangword.style.color = 'indianred';
132 | 								localStorage.removeItem('user');
133 | 								mui.toast("退出登录")
134 | 								//发出退出登录给wishlish和cart页面
135 | 								var cartwebview = plus.webview.getWebviewById('barItem/cart.html');
136 | 								var xinyuandanwebview = plus.webview.getWebviewById('barItem/wishList.html');
137 | 								mui.fire(cartwebview,'logout',{});
138 | 								mui.fire(xinyuandanwebview,'logout',{})
139 | 							} else {
140 | 								//取消
141 | 							}
142 | 						});
143 | 					}, false)
144 | 				})
145 | 				//点击头像事件
146 | 			function addHeadevent() {
147 | 				//点击头像登录
148 | 				touxiangimg.addEventListener('tap', function() {
149 | 					if (!localStorage.getItem('user')) {
150 | 						pushWebView({
151 | 							webType: 'newWebview_First',
152 | 							id: 'mine/login.html',
153 | 							href: 'mine/login.html',
154 | 							aniShow: getaniShow(),
155 | 							title: "登录",
156 | 							isBars: false,
157 | 							barsIcon: '',
158 | 							extendOptions: {}
159 | 						})
160 | 					}
161 | 				}, false);
162 | 			}
163 | 			//注册列表的点击事件
164 | 			function addListevent() {
165 | 				mui('.mui-table-view').on('tap', 'a', function() {
166 | 					var id = this.getAttribute('href');
167 | 					var href = this.href;
168 | 					var title = this.innerText;
169 | 					var isBars = false;
170 | 					var barsIcon = '';
171 | 					var aniShow = getaniShow();
172 | 					//检测已经存在sessionkey否者运行下面的登陆代码
173 | 					if (localStorage.getItem('user')) {} else {
174 | 						href = "mine/login.html";
175 | 						id = "mine/login.html";
176 | 						aniShow = 'slide-in-bottom';
177 | 						title = '登录';
178 | 					}
179 | 					if (this.id == 'changeaddress') {
180 | 						isBars = true;
181 | 						barsIcon = 'mui-icon iconfont icon-tianjia';
182 | 					}
183 | 					pushWebView({
184 | 						webType: 'newWebview_First',
185 | 						id: id,
186 | 						href: href,
187 | 						aniShow: aniShow,
188 | 						title: title,
189 | 						isBars: isBars,
190 | 						barsIcon: barsIcon,
191 | 						extendOptions: {}
192 | 					})
193 | 				});
194 | 			}
195 | 		</script>
196 | 	</body>
197 | 
198 | </html>


--------------------------------------------------------------------------------
/E3-demo/barItem/wishList.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3</title>
  7 |     
  8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		.mui-table-view .mui-media-object {
 13 | 			line-height: 75px;
 14 | 			max-width: 75px;
 15 | 			height: 75px;
 16 | 		}
 17 | 		.itemName {
 18 | 			color: black;
 19 | 			font-size: 0.9em;
 20 | 		}
 21 | 		
 22 | 		.price {
 23 | 			margin-top: 10px;
 24 | 			font-size: 1em;
 25 | 		}
 26 | 		
 27 | 		.curprice {
 28 | 			color: #41CEA9;
 29 | 		}
 30 | 		.preprice {
 31 | 			color: black;
 32 | 			text-decoration:line-through
 33 | 		}
 34 |     </style>
 35 | </head>
 36 | <body>
 37 | 	
 38 | 	<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 39 | 		<div class="mui-scroll">
 40 | 			<div class="need-login" style="text-align: center; margin-top: 50px; display: none;">
 41 | 				<span style="color: gray; font-size: 0.9em;">你还没有登录</span>
 42 | 				<br />
 43 | 				<button type="button" class="mui-btn own-btn-green" style="margin-top: 10px; padding: 5px 20px;">请登录</button>
 44 | 			</div>
 45 | 			
 46 | 			<ul id="wishList" class="mui-table-view">
 47 | 				
 48 | 			</ul>
 49 | 		</div>
 50 | 		
 51 | 	</div>
 52 | 	
 53 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 54 | 	<script src="../js/own.js" charset="UTF-8"></script>
 55 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 56 | 	<script src="../js/arttmpl.js" charset="UTF-8"></script>
 57 | 	<script type="text/javascript" charset="UTF-8">
 58 | 		mui.init({
 59 | 			swipeBack:false,
 60 | 			pullRefresh: {
 61 | 				container:'#pullrefresh',
 62 | 				down:{
 63 | 					contentdown:'下拉可刷新',
 64 | 					contentover:'释放立即刷新',
 65 | 					contentrefresh:'正在加载..',
 66 | 					callback:pulldownRefresh
 67 | 				},
 68 | 				up:{
 69 | 					contentrefresh:'正在加载..',
 70 | 					contentnomore:'没有更多数据了',
 71 | 					callback:pullupRefresh
 72 | 				}
 73 | 			}
 74 | 		});
 75 | 		
 76 | 		
 77 | 		var  wishListwebview;//心愿单当前页面
 78 | 		var needlogin;//需要登录div
 79 | 		
 80 | 		var wishListData = [];
 81 | 		var wishListList;//
 82 | 		var isloaded = false;//是否正在请求数据
 83 | 		var li;//将要删除的li删除后设置为null
 84 | 		mui.plusReady(function(){
 85 | 			
 86 | 			wishListwebview = plus.webview.currentWebview();
 87 | 			needlogin = document.querySelector('.need-login');
 88 | 			wishListList = document.getElementById('wishList');
 89 | 			
 90 | 			//为登录按钮添加事件
 91 | 			document.querySelector('.need-login button').addEventListener('tap',function(){				
 92 | 				pushWebView({
 93 | 					webType: 'newWebview_First',
 94 | 					id: 'mine/login.html',
 95 | 					href: 'mine/login.html',
 96 | 					aniShow: getaniShow(),
 97 | 					title: "登录",
 98 | 					isBars: false,
 99 | 					barsIcon: '',
100 | 					extendOptions: {}
101 | 				})
102 | 			},false);
103 | 			
104 | 			//添加show事件设置是否需要加载或则更新心愿单
105 | 			wishListwebview.addEventListener('show',function(){
106 | 				if (localStorage.getItem('user')) {
107 | 					
108 | 					getlikelist('1');
109 | 				}else {
110 | 					needlogin.style.display = 'block';
111 | 					wishListList.style.display = 'none';
112 | 					wishListList.innerHTML = '';
113 | 					wishListData = [];
114 | 				}
115 | 			},false);
116 | 			
117 | 			//特殊：接收自定义事件登录成功
118 | 			window.addEventListener('loginSuccess',function(){
119 | 				//隐藏登录div
120 | 				needlogin.style.display = 'none';
121 | 				wishListList.style.display = 'block';
				//去加载获取心愿单列表
122 | 				if (wishListData.length>0 || isloaded) {
123 | 					return;
124 | 				}
125 | 				getlikelist('1');
126 | 			},false);
127 | 			
128 | 			mui('#wishList').on('tap','.mui-btn-danger',function(){
129 | 				var div = this.parentNode;
130 | 				li = div.parentNode;//设置li
131 | 				var idA = li.children[1].children[0];
132 | 				var id = idA.getAttribute('href');
133 | 				//查询数组删除其中的一项。
134 | 				
135 | 				mui.confirm('确认删除？','心愿单',['确认','取消'],function(e){
136 | 					if (e.index == 0) {
137 | 						deleteItemSuccess({
138 | 							code:'000000',
139 | 							id:id
140 | 						});
141 | 					}
142 | 				});
143 | 			});
144 | 			
145 | 			//添加每个item点击的监听事件
146 | 			mui('#wishList').on('tap','a',function(){
147 | 				var item = this;
148 | 				var itemID = this.getAttribute('href');
149 | 				//弹入分类商品列表
150 | 				pushWebView({
151 | 					webType:"newWebview_First",
152 | 					id:'Home/product-detail-needtem.html',
153 | 					href:'Home/product-detail-needtem.html',
154 | 					aniShow:getaniShow(),
155 | 					title:'商品详情',
156 | 					isBars:false,
157 | 					barsIcon:'',
158 | 					product_id:{itemID:itemID},
159 | 				});
160 | 			});
161 | 			
162 | 			
163 | 			//接收登出通知
164 | 			window.addEventListener('logout',function(){
165 | 				//显示登录div
166 | 				needlogin.style.display = 'block';
167 | 				wishListList.style.display = 'none';
168 | 				wishListList.innerHTML = '';
169 | 				wishListData = [];
170 | 			},false);
171 | 		});
172 | 		
173 | 		
174 | 		//接收item成功的信息
175 | 		function deleteItemSuccess(data){
176 | 			if (data.code == '000000') {
177 | 				console.log(data.id);
178 | 				if (deleteItemByID(data.id)) {
179 | 					if (li) {
180 | 						li.parentNode.removeChild(li);
181 | 						li = null;
182 | 					}
183 | 				}
184 | 			}
185 | 		}
186 | 		
187 | 		//通过id删除数组中的一条
188 | 		function deleteItemByID(id) {
189 | 			var index = -1;
190 | 			for (var i = 0; i < wishListData.length; i++) {
191 | 				if (wishListData[i].product_id == id) {
192 | 					index = i;
193 | 					break;
194 | 				}
195 | 			}
196 | 			if (index >= 0) {
197 | 				wishListData.splice(index,1);
198 | 				return true;
199 | 			}else {
200 | 				return false;
201 | 			}
202 | 		}
203 | 	
204 | 		
205 | 		function getlikelist(page) {
206 | 			for (var  i = 0; i < 20 ; i ++) {
207 | 				var item = {};
208 | 				item.product_id = i;
209 | 				item.large_image_url = '../img/50.jpg';
210 | 				item.product_name = "谁叫你加入心愿单的，找死啊";
211 | 				item.default_price = "28.0";
212 | 				item.list_price = '30.0';
213 | 				wishListData.push(item);
214 | 				var listItem = document.createElement('li');
215 | 				listItem.className = 'mui-table-view-cell mui-media';
216 | 				listItem.innerHTML = '<div class="mui-slider-right mui-disabled"><a class="mui-btn mui-btn-danger">删除</a></div><div class="mui-slider-handle"><a href="'+item.product_id+'"><img  src="'+item.large_image_url+'" class="mui-media-object mui-pull-left"/> <div class="mui-media-body"><p class="itemName mui-ellipsis-2">'+item.product_name+'</p><p class="price"><span class="curprice">¥'+item.default_price+'</span>&nbsp;&nbsp;<span class="preprice">¥'+item.list_price+'</span></p></div></a></div>';
217 | 				wishListList.appendChild(listItem);
218 | 			}
219 | 			isloaded = false;
220 | 		}
221 | 		
222 | 		function pulldownRefresh() {
223 | 			setTimeout(function(){
224 | 				
225 | 				 mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
226 | 			},1000);
227 | 		}
228 | 		function pullupRefresh(){
229 | 			var copythis = this;
230 | 			setTimeout(function(){
231 | 				copythis.endPullupToRefresh(true|false);
232 | 			});
233 | 		}
234 | 	</script>
235 | 	
236 | </body>
237 | </html>


--------------------------------------------------------------------------------
/E3-demo/category/category-detail-new-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 
  4 | 	<head>
  5 | 		<meta charset="utf-8">
  6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7 | 		<title>category父子模版</title>
  8 | 
  9 | 		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
 10 | 		<link rel="stylesheet" type="text/css" href="../css/own.css" />
 11 | 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
 12 | 
 13 | 		<style type="text/css">
 14 | 			.mui-table-view:after {
 15 | 				height: 0px;
 16 | 			}
 17 | 			/*图片显示的时候设置为自动 因为 从服务器来的图片大小相同*/
 18 | 			
 19 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
 20 | 				line-height: auto;
 21 | 				max-width: auto;
 22 | 				height: auto;
 23 | 				border-top-right-radius: 4px;
 24 | 				border-top-left-radius: 4px;
 25 | 			}
 26 | 			
 27 | 			.mui-table-view-cell {
 28 | 				margin-bottom: 10px;
 29 | 			}
 30 | 			
 31 | 			.bgDiv {
 32 | 				border: 1px solid rgba(204, 204, 204, 0.7);
 33 | 				border-radius: 5px;
 34 | 				background-color: white;
 35 | 				width: 100%;
 36 | 			}
 37 | 			
 38 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
 39 | 				margin-top: 2px;
 40 | 				margin-bottom: 5px;
 41 | 				height: auto;
 42 | 			}
 43 | 			
 44 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p {
 45 | 				white-space: pre;
 46 | 				color: black;
 47 | 			}
 48 | 			
 49 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p.mui-ellipsis-2 {
 50 | 				height: 30px;
 51 | 			}
 52 | 			
 53 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-one {
 54 | 				margin-top: 12px;
 55 | 				float: left;
 56 | 				font-size: 1.1em;
 57 | 				margin-left: 7%;
 58 | 				color: red;
 59 | 				margin-bottom: 10px;
 60 | 			}
 61 | 			
 62 | 			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-two {
 63 | 				margin-top: 12px;
 64 | 				float: right;
 65 | 				font-size: 1.1em;
 66 | 				margin-right: 7%;
 67 | 				text-decoration: line-through;
 68 | 			}
 69 | 		</style>
 70 | 	</head>
 71 | 
 72 | 	<body class="own-gray-color">
 73 | 
 74 | 		<div class="mui-content own-content-padding">
 75 | 			<ul id="productsList" class="mui-table-view mui-grid-view own-gray-color" style="margin-top: 0px;">
 76 | 				<!--<li class="mui-table-view-cell mui-media mui-col-xs-6">
 77 | 				<a href="#">
 78 | 					<div class="bgDiv">
 79 | 						<img class="mui-media-object" src="../img/bg.jpeg"/>
 80 | 						<div class="mui-media-body">
 81 | 							<p class="mui-ellipsis-2">解放军我皮肤降温哦放假我就饿假我就饿假我就饿假我就饿假我就饿</p>
 82 | 							<p class="price-one">¥99.0</p>
 83 | 							<p class="price-two">¥188.0</p>
 84 | 						</div>
 85 | 					</div>
 86 | 				</a>
 87 | 			</li>-->
 88 | 			</ul>
 89 | 		</div>
 90 | 
 91 | 		<script src="../js/mui.min.js" charset="UTF-8"></script>
 92 | 		<script src="../js/ajax.js" charset=""></script>
 93 | 		<script src="../js/own.js" charset="UTF-8"></script>
 94 | 
 95 | 		<script type="text/javascript" charset="UTF-8">
 96 | 			mui.init({
 97 | 				swipeBack: true
 98 | 			});
 99 | 			var datalist = []; //数据数组
100 | 			var listHtml = []; //listhtml数组
101 | 			var productsList;
102 | 			var categorydetailWebview; //当前webview
103 | 			mui.plusReady(function() {
104 | 				categorydetailWebview = plus.webview.currentWebview();
105 | 				productsList = document.getElementById('productsList');
106 | 				//当reday加载之后，因为每次都要重新load所以每次都会调用到这边。
107 | 				//向父页面发送消息获取productID
108 | 				mui.fire(categorydetailWebview.parent(), 'getExtendOptions', {});
109 | 				//紧接着获取父页面返回的productid事件
110 | 				window.addEventListener('postExtendOptions', function(e) {
111 | 					console.log('收到返回的productID事件，id为' + e.detail.extendOptions.categoryID);
112 | 					//初始化数据
113 | 					productlistSuccess()
114 | 				}, false);
115 | 				//监听页面hide事件，当页面返回的时候将里面的数据清空
116 | 				categorydetailWebview.addEventListener('hide', function() {
117 | 					//将数据清空以及主要显示列表页面的innerhtml设置为''
118 | 					productsList.innerHTML = '';
119 | 					datalist = [];
120 | 				}, false);
121 | 				//添加每个item点击的监听事件
122 | 				mui('#productsList').on('tap', 'a', function() {
123 | 					var itemID = this.getAttribute('href');
124 | 					//弹入分类商品列表
125 | 					pushWebView({
126 | 						webType: 'newWebview_Second',
127 | 						id: 'Home/product-detail-needtem.html',
128 | 						href: 'Home/product-detail-needtem.html',
129 | 						aniShow: getaniShow(),
130 | 						title: '商品详情',
131 | 						isBars: false,
132 | 						barsIcon: '',
133 | 						extendOptions: {
134 | 							product_id: itemID
135 | 						}
136 | 					})
137 | 				});
138 | 			});
139 | 			//成功查询分类列表下的数据
140 | 			function productlistSuccess() {
141 | 				for (var i = 0; i < 40; i++) {
142 | 					var dataitem = {};
143 | 					dataitem.detail_image_url = '../img/2.jpg';
144 | 					dataitem.product_price = {
145 | 						default_price: '30.0',
146 | 						list_price: '28.0'
147 | 					};
148 | 					dataitem.product_name = "这是从分类列表跳过来的，什么鬼啊";
149 | 					dataitem.product_id = i;
150 | 					datalist.push(dataitem);
151 | 					var li = document.createElement('li');
152 | 					li.className = 'mui-table-view-cell mui-media mui-col-xs-6';
153 | 					li.innerHTML = '<a href="' + dataitem.product_id + '"><div class= "bgDiv"><img class="mui-media-object" src="' + dataitem.detail_image_url + '"/><div class="mui-media-body"><p class="mui-ellipsis-2">' + dataitem.product_name + '</p><p class="price-one">¥' + dataitem.product_price.default_price + '</p><p class="price-two">¥' + dataitem.product_price.list_price + '</p></div></div></a>';
154 | 					productsList.appendChild(li);
155 | 				}
156 | 			}
157 | 		</script>
158 | 	</body>
159 | 
160 | </html>


--------------------------------------------------------------------------------
/E3-demo/css/iconfont.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @font-face {
 3 | 	font-family: "iconfont";
 4 |   	src:url('../fonts/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
 5 | }
 6 | 
 7 | .iconfont {
 8 |   font-family:"iconfont" !important;
 9 |   font-size:24px;
10 |   font-style:normal;
11 |   -webkit-font-smoothing: antialiased;
12 |   -webkit-text-stroke-width: 0.2px;
13 | }
14 | .icon-fanhui:before { content: "\e612"; }
15 | .icon-xuanze:before { content: "\e610"; }
16 | .icon-add:before { content: "\e60c"; }
17 | .icon-home:before { content: "\e600"; }
18 | .icon-iconfont53:before { content: "\e60f"; }
19 | .icon-wodedingdan:before { content: "\e601"; }
20 | .icon-cart:before { content: "\e603"; }
21 | .icon-xiaolian:before { content: "\e602"; }
22 | .icon-wode:before { content: "\e604"; }
23 | .icon-mimaxiugai:before { content: "\e605"; }
24 | .icon-fenlei:before { content: "\e606"; }
25 | .icon-tianjia:before { content: "\e60e"; }
26 | .icon-tianjia1:before { content: "\e60d"; }
27 | .icon-jiumima:before { content: "\e607"; }
28 | .icon-queren:before { content: "\e60b"; }
29 | .icon-zhanghao:before { content: "\e608"; }
30 | .icon-dizhi:before { content: "\e609"; }
31 | .icon-xinyuandan:before { content: "\e60a"; }
32 | .icon-xuanze1:before { content: "\e611"; }
33 | 


--------------------------------------------------------------------------------
/E3-demo/css/mui.picker.min.css:
--------------------------------------------------------------------------------
1 | /**
2 | * 选择列表插件
3 | * varstion 2.0.0
4 | * by Houfeng
5 | * Houfeng@DCloud.io
6 | **/
7 | .mui-pciker-list li,.mui-picker,.mui-picker-inner{box-sizing:border-box;overflow:hidden}.mui-picker{background-color:#ddd;position:relative;height:200px;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.mui-dtpicker,.mui-poppicker{left:0;background-color:#eee;box-shadow:0 -5px 7px 0 rgba(0,0,0,.1);-webkit-transition:.3s;width:100%}.mui-picker-inner{position:relative;width:100%;height:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.mui-pciker-list,.mui-pciker-rule{box-sizing:border-box;padding:0;margin:-18px 0 0;width:100%;height:36px;line-height:36px;position:absolute;left:0;top:50%}.mui-pciker-rule-bg{z-index:0}.mui-pciker-rule-ft{z-index:2;border-top:solid 1px rgba(0,0,0,.1);border-bottom:solid 1px rgba(0,0,0,.1)}.mui-pciker-list{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(750pt) rotateY(0) rotateX(0);transform:perspective(750pt) rotateY(0) rotateX(0)}.mui-pciker-list li{width:100%;height:100%;position:absolute;text-align:center;vertical-align:middle;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1pc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#888;padding:0 8px;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;cursor:default;visibility:hidden}.mui-pciker-list li.highlight,.mui-pciker-list li.visible{visibility:visible}.mui-pciker-list li.highlight{color:#222}.mui-poppicker{position:fixed;z-index:999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.mui-poppicker.mui-active{-webkit-transform:translateY(0)}.mui-android-5-1 .mui-poppicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.mui-android-5-1 .mui-poppicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.mui-poppicker-header{padding:6px;font-size:14px;color:#888}.mui-poppicker-header .mui-btn{font-size:9pt;padding:5px 10px}.mui-poppicker-btn-cancel{float:left}.mui-poppicker-btn-ok{float:right}.mui-poppicker-clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden}.mui-poppicker-body{position:relative;width:100%;height:200px;border-top:solid 1px #ddd}.mui-poppicker-body .mui-picker{width:100%;height:100%;margin:0;border:none;float:left}.mui-dtpicker{position:fixed;z-index:999999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.mui-dtpicker.mui-active{-webkit-transform:translateY(0)}.mui-dtpicker-active-for-page{overflow:hidden!important}.mui-android-5-1 .mui-dtpicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.mui-android-5-1 .mui-dtpicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.mui-dtpicker-header{padding:6px;font-size:14px;color:#888}.mui-dtpicker-header button{font-size:9pt;padding:5px 10px}.mui-dtpicker-header button:last-child{float:right}.mui-dtpicker-body{position:relative;width:100%;height:200px}.mui-ios .mui-dtpicker-body{-webkit-perspective:75pc;perspective:75pc;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.mui-dtpicker-title h5{display:inline-block;width:20%;margin:0;padding:8px;text-align:center;border-top:solid 1px #ddd;background-color:#f0f0f0;border-bottom:solid 1px #ccc}[data-type=hour] [data-id=title-i],[data-type=hour] [data-id=picker-i],[data-type=month] [data-id=title-i],[data-type=month] [data-id=picker-d],[data-type=month] [data-id=title-d],[data-type=month] [data-id=picker-h],[data-type=month] [data-id=title-h],[data-type=month] [data-id=picker-i],[data-type=time] [data-id=picker-y],[data-type=time] [data-id=picker-m],[data-type=time] [data-id=picker-d],[data-type=time] [data-id=title-y],[data-type=time] [data-id=title-m],[data-type=time] [data-id=title-d],[data-type=date] [data-id=title-i],[data-type=date] [data-id=picker-h],[data-type=date] [data-id=title-h],[data-type=date] [data-id=picker-i]{display:none}.mui-dtpicker .mui-picker{width:20%;height:100%;margin:0;float:left;border:none}[data-type=hour] [data-id=picker-h],[data-type=hour] [data-id=title-h],[data-type=datetime] [data-id=picker-h],[data-type=datetime] [data-id=title-h]{border-left:dotted 1px #ccc}[data-type=datetime] .mui-picker,[data-type=time] .mui-dtpicker-title h5{width:20%}[data-type=date] .mui-dtpicker-title h5,[data-type=date] .mui-picker{width:33.3%}[data-type=hour] .mui-dtpicker-title h5,[data-type=hour] .mui-picker{width:25%}[data-type=month] .mui-dtpicker-title h5,[data-type=month] .mui-picker,[data-type=time] .mui-dtpicker-title h5,[data-type=time] .mui-picker{width:50%}


--------------------------------------------------------------------------------
/E3-demo/css/own.css:
--------------------------------------------------------------------------------
 1 | 	.own-left-nav-color {
 2 | 		color: white;
 3 | 	}
 4 | 	
 5 | 	.own-main-color {
 6 | 		color: #41cea9;
 7 | 	}
 8 | 	/*设置背景色*/
 9 | 	
10 | 	.own-gray-color {
11 | 		background-color: #f8f8f8;
12 | 	}
13 | 	
14 | 	body {
15 | 		background-color: #F8F8F8;
16 | 	}
17 | 	/*将返回按钮和导航条标题设置为白色*/
18 | 	
19 | 	.mui-icon-back:before,
20 | 	.mui-icon-left-nav:before,
21 | 	.mui-bar-nav .mui-title,
22 | 	#rightBar:before {
23 | 		color: white;
24 | 	}
25 | 	
26 | 	.own-black-color {
27 | 		color: black;
28 | 	}
29 | 	
30 | 	.own-text-through {
31 | 		text-decoration: line-through;
32 | 	}
33 | 	
34 | 	.own-main-background-color {
35 | 		background-color: #41cea9;
36 | 	}
37 | 	
38 | 	.own-header-hidden {
39 | 		display: none!important;
40 | 	}
41 | 	
42 | 	.own-content-padding {
43 | 		padding-top: 0 !important;
44 | 	}
45 | 	
46 | 	.own-btn-green {
47 | 		color: #fff;
48 | 		border: 1px solid #41cea9;
49 | 		background-color: #41cea9;
50 | 	}
51 | 	
52 | 	.own-btn-green.mui-active:enabled,
53 | 	.own-btn-green:enabled:active {
54 | 		color: #fff;
55 | 		border: 1px solid #41dfa9;
56 | 		background-color: #41dfa9;
57 | 	}
58 | 	
59 | 	.own-font-size {
60 | 		font-size: 1em;
61 | 	}
62 | 	/*父子页面的loader*/
63 | 	
64 | 	.mui-bar .mui-action-back {
65 | 		color: gray;
66 | 	}
67 | 	
68 | 	.loader {
69 | 		position: absolute;
70 | 		top: 25%;
71 | 		width: 100%;
72 | 		height: 60%;
73 | 		color: #888;
74 | 		font-size: 14px;
75 | 		text-align: center;
76 | 	}
77 | 	
78 | 	.mui-content {
79 | 		background-color: #F8F8F8;
80 | 	}


--------------------------------------------------------------------------------
/E3-demo/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/fonts/iconfont.ttf


--------------------------------------------------------------------------------
/E3-demo/fonts/mui.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/fonts/mui.ttf


--------------------------------------------------------------------------------
/E3-demo/img/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/1.jpg


--------------------------------------------------------------------------------
/E3-demo/img/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/2.jpg


--------------------------------------------------------------------------------
/E3-demo/img/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/3.jpg


--------------------------------------------------------------------------------
/E3-demo/img/50.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/50.jpg


--------------------------------------------------------------------------------
/E3-demo/img/bg.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/bg.jpeg


--------------------------------------------------------------------------------
/E3-demo/img/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/bg.png


--------------------------------------------------------------------------------
/E3-demo/img/category.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/category.png


--------------------------------------------------------------------------------
/E3-demo/img/detail/0.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/0.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/1.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/2.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/3.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/4.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/5.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/6.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/7.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/8.jpg


--------------------------------------------------------------------------------
/E3-demo/img/detail/9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/detail/9.jpg


--------------------------------------------------------------------------------
/E3-demo/img/jump.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/jump.gif


--------------------------------------------------------------------------------
/E3-demo/img/slider/slider1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/slider/slider1.jpg


--------------------------------------------------------------------------------
/E3-demo/img/slider/slider2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/slider/slider2.jpg


--------------------------------------------------------------------------------
/E3-demo/img/slider/slider3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/slider/slider3.jpg


--------------------------------------------------------------------------------
/E3-demo/img/slider/slider4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/slider/slider4.png


--------------------------------------------------------------------------------
/E3-demo/img/touxiang.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-demo/img/touxiang.jpg


--------------------------------------------------------------------------------
/E3-demo/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |    	<title>E3-demo</title>
  7 |    	<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
  8 |    	<link rel="stylesheet" type="text/css" href="css/own.css"/>
  9 |    	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
 10 |    	<style type="text/css">
 11 | 		.mui-active .mui-icon,
 12 | 		.mui-active .mui-tab-label {
 13 | 			color: #41cea9;
 14 | 		}
 15 |    	</style>
 16 | </head>
 17 | <body class="own-gray-color">
 18 | 	<header class="mui-bar mui-bar-nav own-main-background-color">
 19 | 		<h1 id="nav-title" class="mui-title">首页</h1>
 20 | 	</header>
 21 | 	<nav class="mui-bar mui-bar-tab">
 22 | 		<a class="mui-tab-item mui-active" href="barItem/home.html">
 23 | 			<span class="mui-icon iconfont icon-home"></span>
 24 | 			<span class="mui-tab-label">首页</span>
 25 | 		</a>
 26 | 		<a class="mui-tab-item" href="barItem/category.html">
 27 | 			<span class="mui-icon iconfont icon-fenlei"></span>
 28 | 			<span class="mui-tab-label">分类</span>
 29 | 		</a>
 30 | 		<a class="mui-tab-item" href="barItem/wishList.html">
 31 | 			<span class="mui-icon iconfont icon-xinyuandan"></span>
 32 | 			<span class="mui-tab-label">心愿单</span>
 33 | 		</a>
 34 | 		<a class="mui-tab-item" href="barItem/cart.html">
 35 | 			<span class="mui-icon iconfont icon-cart"></span>
 36 | 			<span class="mui-tab-label">购物车</span>
 37 | 		</a>
 38 | 		<a class="mui-tab-item" href="barItem/mine.html">
 39 | 			<span class="mui-icon iconfont icon-wode"></span>
 40 | 			<span class="mui-tab-label">我的</span>
 41 | 		</a>
 42 | 	</nav>
 43 | 	
 44 | 	<script src="js/mui.min.js" charset="UTF-8"></script>
 45 | 	<script type="text/javascript" charset="UTF-8">
 46 | 		mui.init({
 47 | 			swipeBack:false
 48 | 		});
 49 | 		
 50 | 		var navTitle;
 51 | 		var mainWebview;
 52 | 		var curBarItemWebview;
 53 | 		
 54 | 		var barItemWebviewArray = [];
 55 | 		var barItemArray = ['barItem/home.html','barItem/category.html','barItem/wishList.html','barItem/cart.html','barItem/mine.html'];
 56 | 		mui.plusReady(function(){
 57 | 			//获取当前title和当前webview
 58 | 			navTitle = document.querySelector('.mui-title');
 59 | 			mainWebview = plus.webview.currentWebview();
 60 | 			
 61 | 			plus.navigator.setStatusBarBackground( "#41cea9" );
 62 | 			
 63 | 			//设置只支持竖屏幕显示
 64 | 			plus.screen.lockOrientation("portrait-primary");
 65 | 			//初始化与index有关的页面
 66 | 			initIndexView();
 67 | 			
 68 | 			//检测是否需要显示导航页面todo
 69 | 			
 70 | 			//判断是否已经登陆,若没有登陆将预加载登陆页面
 71 | 			judgelogin();
 72 | 			
 73 | 			//预加载父子模版
 74 | 			initTemplate();
 75 | 		});
 76 | 		
 77 | 		
 78 | 		//初始化
 79 | 		function initIndexView(){
 80 | 			//初始化所有bar页面
 81 | 			inittabitemWebviews();
 82 | 			//添加bar点击事件接受
 83 | 			tapBaritem();
 84 | 		}
 85 | 		
 86 | 		
 87 | 		//初始化所有bar页面
 88 | 		function inittabitemWebviews(){
 89 | 			for (var i = 0; i < barItemArray.length; i++) {
 90 | 				barItemWebviewArray[i] = mui.preload({
 91 | 					id:barItemArray[i],
 92 | 					url:barItemArray[i],
 93 | 					styles:{
 94 | 						top:'44px',
 95 | 						bottom: '51px',
 96 | 						left: '0px',
 97 | 						bounce: 'vertical',
 98 | 						bounceBackground: '#f8f8f8'
 99 | 					},
100 | 					waiting:{
101 | 						autoShow:false
102 | 					}
103 | 				});
104 | 				barItemWebviewArray[i].hide();
105 | 				mainWebview.append(barItemWebviewArray[i]);
106 | 			}
107 | 			barItemWebviewArray[0].show();
108 | 			curBarItemWebview = barItemWebviewArray[0];
109 | 		}
110 | 		
111 | 		
112 | 		//添加点击事件
113 | 		function tapBaritem(){
114 | 			mui('.mui-bar-tab').on('tap','.mui-tab-item',function(){
115 | 				var baritem = this;
116 | 				var baritemurl = baritem.getAttribute('href'); 
117 | //				indexof()如果为false返回－1所以前面加上~
118 | 				if (!~curBarItemWebview.getURL().indexOf(baritemurl)) {
119 | 					for (var i = 0; i < barItemArray.length; i++) {
120 | 						if (barItemArray[i] == baritemurl) {
121 | 							//更改头部名字
122 | 							navTitle.innerText = baritem.children[baritem.children.length-1].innerText;
123 | 							//切换baritemwebview
124 | 							barItemWebviewArray[i].show();
125 | 							curBarItemWebview = barItemWebviewArray[i];
126 | 							break;
127 | 						}
128 | 					}
129 | 				}
130 | 			});
131 | 		}
132 | 		
133 | 		
134 | 		//预加载template
135 | 		function initTemplate(){
136 | 			var webview =  mui.preload({
137 | 				id:'template',
138 | 				url:'template.html',
139 | 				styles:{
140 | 					top: '-1000px',
141 | 				}
142 | 			});
143 | 			webview.show();
144 | 		};
145 | 		
146 | 		function judgelogin() {
147 | 			//测试语句
148 | 			localStorage.removeItem('user');
149 | 			//判断是否已经登录成功//localstorage在页面关闭的时候也同样存在，sessionstorage页面关闭数据不存在
150 | 			if (!localStorage.getItem('user')) {
151 | 				mui.preload({
152 | 					url:'mine/login.html',
153 | 					id:'mine/login.html',
154 | 					styles:{
155 | 						top:'0px',
156 | 						bottom:'0px'
157 | 					}
158 | 				});
159 | 			}
160 | 		}
161 | 		
162 | 		
163 | 	</script>
164 | </body>
165 | </html>


--------------------------------------------------------------------------------
/E3-demo/js/own.js:
--------------------------------------------------------------------------------
  1 | (function(own) {
  2 | 
  3 | 	//当页面hide的时候将其中的页面close掉
  4 | 	own.closeChildWebviewOfhide = function(currentWebview, closedWebviewId) {
  5 | 			currentWebview.addEventListener('hide', function() {
  6 | 
  7 | 				var closeWeb = plus.webview.getWebviewById(closedWebviewId);
  8 | 
  9 | 				if (!currentWebview.getURL() || !closeWeb) {
 10 | 					return;
 11 | 				}
 12 | 				closeWeb.close();
 13 | 				closeWeb = null;
 14 | 			}, false);
 15 | 		}
 16 | 		//当页面close的时候将其中的页面close掉
 17 | 	own.closeChildWebviewOfclose = function(currentWebview, closedWebviewId) {
 18 | 		currentWebview.addEventListener('close', function() {
 19 | 			var closeWeb = plus.webview.getWebviewById(closedWebviewId);
 20 | 			if (!currentWebview.getURL() || !closeWeb) {
 21 | 				return;
 22 | 			}
 23 | 			closeWeb.close();
 24 | 			closeWeb = null;
 25 | 		}, false);
 26 | 	}
 27 | 
 28 | 	//一般情况下设置anishow
 29 | 	own.getaniShow = function() {
 30 | 		var aniShow = 'slide-in-right';
 31 | 		if (mui.os.android) {
 32 | 			var androidlist = document.querySelectorAll('ios-only');
 33 | 			if (androidlist) {
 34 | 				mui.each(androidlist, function(num, obj) {
 35 | 					obj.style.display = 'none';
 36 | 				});
 37 | 			}
 38 | 
 39 | 			if (parseFloat(mui.os.version) < 4.4) {
 40 | 				aniShow = 'slide-in-right';
 41 | 			}
 42 | 		}
 43 | 
 44 | 		return aniShow;
 45 | 	}
 46 | 
 47 | 	own.pushWebView = function(options) {
 48 | 		var webview = plus.webview.getWebviewById('template');
 49 | 		mui.fire(webview, options.webType, {
 50 | 			id: options.id,
 51 | 			href: options.href,
 52 | 			aniShow: options.aniShow,
 53 | 			title: options.title,
 54 | 			isBars: options.isBars,
 55 | 			barsIcon: options.barsIcon,
 56 | 			extendOptions: options.extendOptions
 57 | 		});
 58 | 	}
 59 | 
 60 | 	//设置是否需要bounce，一般有scroll的地方会将bounce取消掉
 61 | 	own.setSubWebviewBounce = function(bounce) {
 62 | 		var curSubWebview = plus.webview.currentWebview();
 63 | 		curSubWebview.setStyle({
 64 | 			bounce: bounce
 65 | 		});
 66 | 	}
 67 | 
 68 | 	own.setMask = function(options) {
 69 | 
 70 | 		var menu = null;
 71 | 		
 72 | 		var mask = null;
 73 | 		var maskBool = true;
 74 | 		var main = plus.webview.getWebviewById('HBuilder');
 75 | 		mui.fire(main, 'showMask', {
 76 | 			'id': plus.webview.currentWebview().id
 77 | 		});
 78 | 
 79 | 		if (mask == null) {
 80 | 
 81 | 			mask = mui.createMask(function() { 
 82 | 				
 83 | 				
 84 | 				console.log(maskBool);
 85 | 				if (maskBool == true) {
 86 | 
 87 | //					menu.close();
 88 | 					mui.fire(main, 'hiddeMask', {});
 89 | 					
 90 | 				}
 91 | 			});
 92 | 		} else {
 93 | 
 94 | 			maskBool = true;
 95 | 		}
 96 | 		mask.show();
 97 | 
 98 | 
 99 | 		document.addEventListener('hiddeMask', function() {
100 | 
101 | 			maskBool = false;
102 | 			mask.close();
103 | //			menu.close();
104 | 		});
105 | 		
106 | 		
107 | 		 menu = mui.preload({
108 | 						id: 'offcanvas-drag-left-plus-menu',
109 | 						url: '../event/webview_Alert.html',
110 | 						styles: {
111 | 							left: "30%",
112 | 							height:'200px',
113 | 							width:'200px',
114 | 							zindex: 99999
115 | 						}
116 | 						});
117 | 						
118 | 						var main = plus.webview.currentWebview();
119 | 						menu.show();
120 | 		
121 | 	}
122 | 
123 | })(window);


--------------------------------------------------------------------------------
/E3-demo/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"@platforms": ["android", "iPhone", "iPad"],
  3 | 	"id": "H56F64C4A",/*应用的标识，创建应用时自动生成，勿手动修改*/
  4 | 	"name": "E3-demo",/*应用名称，程序桌面图标名称*/
  5 | 	"version": {
  6 | 		"name": "1.0.0",/*应用版本名称*/
  7 | 		"code": "83"
  8 | 	},
  9 | 	"description": "",/*应用描述信息*/
 10 | 	"icons": {
 11 | 		"72": "icon.png"
 12 | 	},
 13 | 	"launch_path": "index.html",/*应用的入口页面，默认为根目录下的index.html；支持网络地址，必须以http://或https://开头*/
 14 | 	"developer": {
 15 | 		"name": "",/*开发者名称*/
 16 | 		"email": "",/*开发者邮箱地址*/
 17 | 		"url": "http://www.dcloud.io"
 18 | 	},
 19 | 	"permissions": {
 20 | 		"Accelerometer": {
 21 |             "description": "访问加速度感应器"
 22 |         },
 23 |         "Audio": {
 24 |             "description": "访问麦克风"
 25 |         },
 26 |         "Cache": {
 27 |             "description": "管理应用缓存"
 28 |         },
 29 |         "Camera": {
 30 |             "description": "访问摄像头"
 31 |         },
 32 |         "Console": {
 33 |             "description": "跟踪调试输出日志"
 34 |         },
 35 |         "Contacts": {
 36 |             "description": "访问系统联系人信息"
 37 |         },
 38 |         "Device": {
 39 |             "description": "访问设备信息"
 40 |         },
 41 |         "Downloader": {
 42 |             "description": "文件下载管理"
 43 |         },
 44 |         "Events": {
 45 |             "description": "应用扩展事件"
 46 |         },
 47 |         "File": {
 48 |             "description": "访问本地文件系统"
 49 |         },
 50 |         "Gallery": {
 51 |             "description": "访问系统相册"
 52 |         },
 53 |         "Geolocation": {
 54 |             "description": "访问位置信息"
 55 |         },
 56 |          "Invocation": {
 57 |             "description": "使用Native.js能力"
 58 |         },
 59 |         "Messaging": {
 60 |             "description": "访问通讯能力"
 61 |         },
 62 |         "Orientation": {
 63 |             "description": "访问方向感应器"
 64 |         },
 65 |         "Proximity": {
 66 |             "description": "访问距离感应器"
 67 |         },
 68 |         "Storage": {
 69 |             "description": "管理应用本地数据"
 70 |         },
 71 |         
 72 |         "Uploader": {
 73 |             "description": "管理文件上传任务"
 74 |         },
 75 |         "Runtime": {
 76 |             "description": "访问运行期环境"
 77 |         },
 78 |         "XMLHttpRequest": {
 79 |             "description": "跨域网络访问"
 80 |         },
 81 |         "Zip": {
 82 |             "description": "文件压缩与解压缩"
 83 |         },
 84 |         "Barcode": {
 85 |             "description": "管理二维码扫描插件"
 86 |         },
 87 |         "Maps": {
 88 |             "description": "管理地图插件"
 89 |         },
 90 |         "Speech": {
 91 |             "description": "管理语音识别插件"
 92 |         },
 93 |         "Webview":{
 94 |         	"description": "窗口管理"
 95 |         },
 96 |         "NativeUI":{
 97 |         	"description": "原生UI控件"
 98 |         },
 99 |         "Navigator":{
100 |         	"description": "浏览器信息"
101 |         },
102 |         "NativeObj":{
103 |         	"description": "原生对象"
104 |         }
105 | 	},
106 | 	"plus": {
107 | 		"splashscreen": {
108 | 			//将自动关闭设置为false，因为在加载完成index页面的时候，我们还需要加载模版页面。加载完成后手动关闭
109 | 			"autoclose": true,/*是否自动关闭程序启动界面，true表示应用加载应用入口页面后自动关闭；false则需调plus.navigator.closeSplashscreen()关闭*/
110 | 			"waiting": true
111 | 		},
112 | 		"runmode": "liberate",/*应用的首次启动运行模式，可取liberate或normal，liberate模式在第一次启动时将解压应用资源（Android平台File API才可正常访问_www目录）*/
113 | 		"signature": "Sk9JTiBVUyBtYWlsdG86aHIyMDEzQGRjbG91ZC5pbw==",/*可选，保留给应用签名，暂不使用*/
114 | 		"distribute": {
115 | 			"apple": {
116 | 				"appid": "",/*iOS应用标识，苹果开发网站申请的appid，如io.dcloud.HelloH5*/
117 | 				"mobileprovision": "",/*iOS应用打包配置文件*/
118 | 				"password": "",/*iOS应用打包个人证书导入密码*/
119 | 				"p12": "",/*iOS应用打包个人证书，打包配置文件关联的个人证书*/
120 | 				"devices": "universal",/*iOS应用支持的设备类型，可取值iphone/ipad/universal*/
121 | 				"frameworks": []
122 | 			},
123 | 			"google": {
124 | 				"packagename": "",/*Android应用包名，如io.dcloud.HelloH5*/
125 | 				"keystore": "",/*Android应用打包使用的密钥库文件*/
126 | 				"password": "",/*Android应用打包使用密钥库中证书的密码*/
127 | 				"aliasname": "",/*Android应用打包使用密钥库中证书的别名*/
128 | 				"permissions": ["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"com.android.launcher.permission.UNINSTALL_SHORTCUT\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>","<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>","<uses-permission android:name=\"com.android.launcher.permission.INSTALL_SHORTCUT\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.CALL_PHONE\"/>","<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]
129 | 			},
130 | 			"orientation": ["portrait-primary", "portrait-secondary"],/*应用支持的方向，portrait-primary：竖屏正方向；portrait-secondary：竖屏反方向；landscape-primary：横屏正方向；landscape-secondary：横屏反方向*/
131 | 			"icons": {
132 | 				"ios": {
133 | 					"prerendered": true, /*应用图标是否已经高亮处理，在iOS6及以下设备上有效*/
134 | 					"auto": "", /*应用图标，分辨率：512x512，用于自动生成各种尺寸程序图标*/
135 | 					"iphone": {
136 | 						"normal": "",/*iPhone普通屏幕程序图标，分辨率：57x57*/
137 | 						"retina": "",/*iPhone高分屏程序图标，分辨率：114x114*/
138 | 						"retina7": "",/*iPhone iOS7高分屏程序图标，分辨率：120x120*/
139 | 						"spotlight-normal": "", /*iPhone Spotlight搜索程序图标，分辨率：29x29*/
140 | 						"spotlight-retina": "", /*iPhone高分屏Spotlight搜索程序图标，分辨率：58x58*/
141 | 						"spotlight-retina7": "",/*iPhone iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/
142 | 						"settings-normal": "", /*iPhone设置页面程序图标，分辨率：29x29*/
143 | 						"settings-retina": ""
144 | 					},
145 | 					"ipad": {
146 | 						"normal": "", /*iPad普通屏幕程序图标，分辨率：72x72*/
147 | 						"retina": "", /*iPad高分屏程序图标，分辨率：144x144*/
148 | 						"normal7": "", /*iPad iOS7程序图标，分辨率：76x76*/
149 | 						"retina7": "", /*iPad iOS7高分屏程序图标，分辨率：152x152*/
150 | 						"spotlight-normal": "", /*iPad Spotlight搜索程序图标，分辨率：50x50*/
151 | 						"spotlight-retina": "", /*iPad高分屏Spotlight搜索程序图标，分辨率：100x100*/
152 | 						"spotlight-normal7": "",/*iPad iOS7 Spotlight搜索程序图标，分辨率：40x40*/
153 | 						"spotlight-retina7": "",/*iPad iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/
154 | 						"settings-normal": "",/*iPad设置页面程序图标，分辨率：29x29*/
155 | 						"settings-retina": ""
156 | 					}
157 | 				},
158 | 				"android": {
159 | 					"mdpi": "", /*普通屏程序图标，分辨率：48x48*/
160 | 					"ldpi": "", /*大屏程序图标，分辨率：48x48*/
161 | 					"hdpi": "", /*高分屏程序图标，分辨率：72x72*/
162 | 					"xhdpi": "",/*720P高分屏程序图标，分辨率：96x96*/
163 | 					"xxhdpi": ""
164 | 				}
165 | 			},
166 | 			"splashscreen": {
167 | 				"ios": {
168 | 					"iphone": {
169 | 						"default": "", /*iPhone3启动图片选，分辨率：320x480*/
170 | 						"retina35": "",/*3.5英寸设备(iPhone4)启动图片，分辨率：640x960*/
171 | 						"retina40": ""
172 | 					},
173 | 					"ipad": {
174 | 						"portrait": "", /*iPad竖屏启动图片，分辨率：768x1004*/
175 | 						"portrait-retina": "",/*iPad高分屏竖屏图片，分辨率：1536x2008*/
176 | 						"landscape": "", /*iPad横屏启动图片，分辨率：1024x748*/
177 | 						"landscape-retina": "", /*iPad高分屏横屏启动图片，分辨率：2048x1496*/
178 | 						"portrait7": "", /*iPad iOS7竖屏启动图片，分辨率：768x1024*/
179 | 						"portrait-retina7": "",/*iPad iOS7高分屏竖屏图片，分辨率：1536x2048*/
180 | 						"landscape7": "", /*iPad iOS7横屏启动图片，分辨率：1024x768*/
181 | 						"landscape-retina7": ""
182 | 					}
183 | 				},
184 | 				"android": {
185 | 					"mdpi": "", /*普通屏启动图片，分辨率：240x282*/
186 | 					"ldpi": "", /*大屏启动图片，分辨率：320x442*/
187 | 					"hdpi": "", /*高分屏启动图片，分辨率：480x762*/
188 | 					"xhdpi": "", /*720P高分屏启动图片，分辨率：720x1242*/
189 | 					"xxhdpi": ""
190 | 				}
191 | 			}
192 | 		}
193 | 	}
194 | }


--------------------------------------------------------------------------------
/E3-demo/mine/address-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3</title>
 7 |     
 8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
10 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
11 |     <link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css"/>
12 |     
13 |     <style type="text/css">
14 |     		.mui-input-row label {
15 |     			width: 100%;
16 |     		}
17 |     </style>
18 | </head>
19 | <body>
20 | 	<div class="mui-content" >
21 | 		<form class="mui-input-group">
22 | 			<div class="mui-input-row">
23 | 				<input type="text" class="mui-input-clear" placeholder="收货人姓名" />
24 | 			</div>
25 | 			<div class="mui-input-row">
26 | 				<input type="text" class="mui-input-clear" placeholder="手机号码" />
27 | 			</div>
28 | 			<div class="mui-input-row" id="addressPicker">
29 | 				<label>省、市、区</label>
30 | 			</div>
31 | 			<div class="mui-input-row" style="height: 4em; padding-top: 2px;">
32 | 				<textarea placeholder="详细地址"></textarea>
33 | 			</div>
34 | 		</form>
35 | 	</div>
36 | 
37 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
38 | 	<script src="../js/city.data-3.js" charset="UTF-8"></script>
39 | 	<script src="../js/mui.picker.min.js" charset="UTF-8"></script>
40 | 	<script src="../js/own.js" charset="UTF-8"></script>
41 | 	<script type="text/javascript" charset="UTF-8">
42 | 		mui.init({
43 | 			swipeBack:true
44 | 		});
45 | 		
46 | 		var addressPicker;
47 | 		var pickerlabel;
48 | 		mui.plusReady(function(){
49 | 			addressPicker = document.getElementById('addressPicker');
50 | 			pickerlabel = addressPicker.children[0];
51 | 	
52 | 			//监听呼出picker事件
53 | 			addressPicker.addEventListener('tap',function(){
54 | 				var cityPicker3 = new mui.PopPicker({
55 | 					layer:3
56 | 				});
57 | 				cityPicker3.setData(cityData3);
58 | 				cityPicker3.show(function(items){
59 | 					pickerlabel.innerText = (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
60 | 				});
61 | 			},false);
62 | 			
63 | 			//接收rightbar事件
64 | 			window.addEventListener('navRightPress', function() {
65 | 				mui.toast('选择了确定');
66 | 				//上报服务器e3-server
67 | 				mui.back();
68 | 			}, false)
69 | 		});
70 | 	</script>
71 | 	
72 | </body>
73 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/change-address-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 
  4 | 	<head>
  5 | 		<meta charset="utf-8">
  6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7 | 		<title>E3父子模版</title>
  8 | 		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  9 | 		<link rel="stylesheet" type="text/css" href="../css/own.css" />
 10 | 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
 11 | 
 12 | 		<style type="text/css">
 13 | 			.emptyAddress {
 14 | 				text-align: center;
 15 | 				margin-top: 50px;
 16 | 				font-size: 0.9em;
 17 | 			}
 18 | 			
 19 | 			h5 {
 20 | 				color: black
 21 | 			}
 22 | 			
 23 | 			.name {
 24 | 				float: left;
 25 | 			}
 26 | 			
 27 | 			.number {
 28 | 				float: right;
 29 | 			}
 30 | 			
 31 | 			.address {
 32 | 				padding-top: 2px;
 33 | 				clear: both;
 34 | 			}
 35 | 		</style>
 36 | 	</head>
 37 | 
 38 | 	<body>
 39 | 
 40 | 		<div class="mui-content own-content-padding">
 41 | 			<div class="emptyAddress own-left-nav-color">
 42 | 				<span>空空如也</span>
 43 | 				<br />
 44 | 				<span>先添加一个收货地址吧</span>
 45 | 				<br />
 46 | 				<button type="button" class="mui-btn">
 47 | 				<span class="mui-icon iconfont icon-tianjia" style="padding: 0px 5px; color: gray;"></span>
 48 | 			</button>
 49 | 			</div>
 50 | 			<ul id="addressList" class="mui-table-view">
 51 | 				<li class="mui-table-view-cell">
 52 | 					<h5 class="name">colin</h5>
 53 | 					<h5 class="number">158xxxx7353</h5>
 54 | 					<p class="address mui-ellipsis-2">中国四川省成都市高新区大源村南华路双祥社区25号院n栋n单元n楼n号电梯n号门n栋n单元n楼n号电梯n号门</p>
 55 | 				</li>
 56 | 				<li class="mui-table-view-cell">
 57 | 					<h5 class="name">colin</h5>
 58 | 					<h5 class="number">158xxxx7353</h5>
 59 | 					<p class="address mui-ellipsis-2">四川成都高新区</p>
 60 | 				</li>
 61 | 				<li class="mui-table-view-cell">
 62 | 					<h5 class="name">colin</h5>
 63 | 					<h5 class="number">158xxxx7353</h5>
 64 | 					<p class="address mui-ellipsis-2">中国四川省成都市高新区大源村南华路双祥社区25号院n栋n单元n楼n号电梯n号门n栋n单元n楼n号电梯n号门</p>
 65 | 				</li>
 66 | 				<li class="mui-table-view-cell">
 67 | 					<h5 class="name">colin</h5>
 68 | 					<h5 class="number">158xxxx7353</h5>
 69 | 					<p class="address mui-ellipsis-2">中国四川省成都市高新区大源村南华路双祥社区25号院n栋n单元n楼n号电梯n号门n栋n单元n楼n号电梯n号门</p>
 70 | 				</li>
 71 | 			</ul>
 72 | 		</div>
 73 | 
 74 | 		<script src="../js/mui.min.js" charset="UTF-8"></script>
 75 | 		<script src="../js/own.js" charset="UTF-8"></script>
 76 | 		<script type="text/javascript" charset="UTF-8">
 77 | 			mui.init({
 78 | 				swipeBack: true
 79 | 			});
 80 | 			var emptyAddress;
 81 | 			var emptyAddressBtn;
 82 | 			mui.plusReady(function() {
 83 | 				emptyAddress = document.querySelector('.emptyAddress');
 84 | 				emptyAddressBtn = emptyAddress.querySelector('button');
 85 | 				//判断如果没有可用地址就显示添加
 86 | 				if (false) {
 87 | 					emptyAddress.style.display = 'block';
 88 | 					emptyAddressBtn.addEventListener('tap', function() {
 89 | 						showaddressWeb();
 90 | 					}, false);
 91 | 				} else {
 92 | 					emptyAddress.style.display = 'none';
 93 | 				}
 94 | 				//地址修改点击事件
 95 | 				mui('.mui-table-view').on('tap', '.mui-table-view-cell', function() {
 96 | 					var cell = this;
 97 | 					var name = this.children[0];
 98 | 					var phoneNum = this.children[1];
 99 | 					var address = this.children[2];
100 | 					showaddressWeb();
101 | 				});
102 | 				//接收rightbar事件
103 | 				window.addEventListener('navRightPress', function() {
104 | 					showaddressWeb();
105 | 				}, false);
106 | 			});
107 | 
108 | 			function showaddressWeb() {
109 | 				pushWebView({
110 | 					webType: 'newWebview_Second',
111 | 					id: 'mine/address-needtem.html',
112 | 					href: 'mine/address-needtem.html',
113 | 					aniShow: getaniShow(),
114 | 					title: "地址管理",
115 | 					isBars: true,
116 | 					barsIcon: 'mui-icon iconfont icon-iconfont53',
117 | 					extendOptions: {}
118 | 				})
119 | 			}
120 | 		</script>
121 | 
122 | 	</body>
123 | 
124 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/change-email-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3父子模版，可直接用index的父子模版</title>
 7 |     <script src="js/mui.min.js"></script>
 8 |     <link href="css/mui.min.css" rel="stylesheet"/>
 9 |     <script type="text/javascript" charset="utf-8">
10 |       	mui.init();
11 |     </script>
12 | </head>
13 | <body>
14 | 	
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/change-psd-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3为父子模版可直接用index的父子模版</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		.mui-input-row label {
 13 |     			width: 20%;
 14 |     		}
 15 |     		.mui-input-row label~input {
 16 |     			width: 80%;
 17 |     		}
 18 |     </style>
 19 | </head>
 20 | <body>
 21 | 	
 22 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
 23 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 24 | 		<h1 class="mui-title">修改密码</h1>
 25 | 	</header>
 26 | 	
 27 | 	<div class="mui-content own-content-padding">
 28 | 		<div class="mui-card" style="margin-top: 30px;">
 29 | 			<form class="mui-input-group">
 30 | 				<div class="mui-input-row">
 31 | 					<label><span class="mui-icon iconfont icon-jiumima"></span></label>
 32 | 					<input type="password" class="mui-input-clear" placeholder="旧密码" />
 33 | 				</div>
 34 | 				<div class="mui-input-row">
 35 | 					<label><span class="mui-icon iconfont icon-mimaxiugai"></span></label>
 36 | 					<input type="password" class="mui-input-clear" placeholder="新密码" />
 37 | 				</div>
 38 | 				<div class="mui-input-row">
 39 | 					<label><span class="mui-icon iconfont icon-queren"></span></label>
 40 | 					<input type="password" class="mui-input-clear" placeholder="确认新密码" />
 41 | 				</div>
 42 | 			</form>
 43 | 		</div>
 44 | 		<div class="mui-button-row" style="margin: 10px 15px;">
 45 | 			<button type="button" class="mui-btn mui-btn-link own-btn-green mui-btn-block" style="padding: 5px 0px;">修改密码</button>
 46 | 		</div>
 47 | 	</div>
 48 | 	
 49 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 50 | 	<script src="../js/own.js" charset="UTF-8"></script>
 51 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 52 | 	<script type="text/javascript" charset="UTF-8">
 53 | 		mui.init({
 54 | 			swipeBack:true
 55 | 		});
 56 | 		
 57 | 		var inputList;
 58 | 		var changepwdWebview;
 59 | 		mui.plusReady(function(){
 60 | 			//选出所有input
 61 | 			inputList = document.querySelectorAll('input[type="password"]');
 62 | 			changepwdWebview = plus.webview.currentWebview();
 63 | 			
 64 | 			document.querySelector('button[type="button"]').addEventListener('tap',function(){
 65 | 				for (var i = 0;i < inputList.length; i++) {
 66 | 					if (inputList[i].value.length <= 0) {
 67 | 						var alertMSG;
 68 | 						if (i == 0) {
 69 | 							alertMSG = '请输入旧密码';
 70 | 						} else if(i == 1){
 71 | 							alertMSG = '请输入新密码';
 72 | 						}else if(i == 2 ) {
 73 | 							alertMSG = '两次输入密码必须一致';
 74 | 						}
 75 | 						mui.toast(alertMSG);
 76 | 						return;
 77 | 					}
 78 | 				}
 79 | 				if (inputList[1].value != inputList[2].value) {
 80 | 					mui.toast('两次输入密码必须一致');
 81 | 					return;
 82 | 				}
 83 | 				
 84 | 				//开始执行修改密码联网
 85 | 				ajax_change_pwd({
 86 | 					confirm_pwd:inputList[2].value,
 87 | 					new_pwd:inputList[1].value,
 88 | 					old_pwd:inputList[0].value
 89 | 				});
 90 | 				
 91 | 				
 92 | 				
 93 | 				
 94 | 			},false);
 95 | 			
 96 | 			//为页面添加事件监听hide
 97 | 			changepwdWebview.addEventListener('hide',function(){
 98 | 				//将所有的之前输入过的密码全部清空
 99 | 				mui.each(inputList,function(index,item){
100 | 					item.value = '';
101 | 				});
102 | 			},false);
103 | 			
104 | 		});
105 | 		
106 | 		//密码修改返回函数
107 | 		function changePwdSuccess(data){
108 | 			if (data.code == '000000') {
109 | 				//成功修改
110 | 				//删除本地user信息
111 | 				//将页面返回显示修改成功需要从新登陆
112 | 				localStorage.removeItem('user');
113 | 				mui.toast('修改成功，需要重新登录');
114 | 				mui.back();
115 | 			}
116 | 		}
117 | 	</script>
118 | 	
119 | </body>
120 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/feedback-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title></title>
 7 |     <script src="../js/mui.min.js"></script>
 8 |     <link href="../css/mui.min.css" rel="stylesheet"/>
 9 |     <script type="text/javascript" charset="UTF-8">
10 |       	mui.init();
11 |     </script>
12 | </head>
13 | <body>
14 | 	
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/forget-psd-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3 父子模版</title>
 7 |     
 8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
10 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
11 | 	<style type="text/css">
12 |     		/*下面两项是重置muicss的输入框label和input之间的宽比率*/
13 |     		.mui-input-row label {
14 |     			width: 20%;
15 |     		}
16 |     		.mui-input-row label~input {
17 |     			width: 80%;
18 |     		}
19 |     </style>
20 | </head>
21 | <body>
22 | 	
23 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
24 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
25 | 		<h1 class="mui-title">注册</h1>
26 | 	</header>
27 | 	
28 | 	<div class="mui-content own-content-padding">
29 | 		<div class="mui-card" style="margin-top: 30px;">
30 | 			<form class="mui-input-group">
31 | 				<div class="mui-input-row">
32 | 					<label><span class="mui-icon iconfont icon-zhanghao"></span></label>
33 | 					<input id="account" class="mui-input-clear" type="text" placeholder="输入手机或则邮箱" />
34 | 				</div>
35 | 			</form>
36 | 		</div>
37 | 		<div class="mui-button-row" style="margin: 10px 15px;">
38 | 			<button type="button" class="mui-btn mui-btn-block own-btn-green" style="padding: 5px 0px;">提交</button>
39 | 		</div>
40 | 	</div>
41 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
42 | 	<script src="../js/own.js" charset="UTF-8"></script>
43 | 	<script type="text/javascript" charset="UTF-8">
44 | 		mui.init({
45 | 			swipeBack:true
46 | 		});
47 | 		
48 | 		var uploadBtn;
49 | 		var account;
50 | 		mui.plusReady(function(){
51 | 			account = document.querySelector('input[type="text"]');
52 | 			uploadBtn = document.querySelector('button[type="button"]');
53 | 			
54 | 			uploadBtn.addEventListener('tap',function(){
55 | 				if(account.value.length <= 0){
56 | 					mui.toast('请输入账号');
57 | 					return;
58 | 				}
59 | 				
60 | 				//联网发送信息todo
61 | 			},false);
62 | 		});
63 | 		
64 | 	</script>
65 | </body>
66 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/login.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | 
  4 | 	<head>
  5 | 		<meta charset="utf-8">
  6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7 | 		<title>E3不是父子模版，考虑其为模态视图</title>
  8 | 		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
  9 | 		<link rel="stylesheet" type="text/css" href="../css/own.css" />
 10 | 		<link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
 11 | 
 12 | 		<style type="text/css">
 13 | 			/*下面两项是重置muicss的输入框label和input之间的宽比率*/
 14 | 			
 15 | 			.mui-input-row label {
 16 | 				width: 20%;
 17 | 			}
 18 | 			
 19 | 			.mui-input-row label~input {
 20 | 				width: 80%;
 21 | 			}
 22 | 		</style>
 23 | 	</head>
 24 | 
 25 | 	<body>
 26 | 
 27 | 		<header class="mui-bar mui-bar-nav own-main-background-color">
 28 | 			<button type="button" class="mui-action-back mui-btn  mui-btn-link mui-pull-left own-button">
 29 | 			<!--<span class="mui-action-back mui-icon mui-icon-left-nav own-left-nav-color"></span>-->
 30 | 			<span class="own-left-nav-color">取消</span>
 31 | 		</button>
 32 | 			<h1 class="mui-title">登录</h1>
 33 | 		</header>
 34 | 
 35 | 		<div class="mui-content">
 36 | 			<div style="margin-top: 30px; text-align: center;">
 37 | 				<span class="mui-icon mui-icon-person" style="font-size: 4em; border: 2px solid gray; border-radius: 50%; color: gray;"></span>
 38 | 			</div>
 39 | 			<div class="mui-card" style="margin-top: 20px;">
 40 | 				<form class="mui-input-group">
 41 | 					<div class="mui-input-row">
 42 | 						<label><span class="mui-icon iconfont icon-zhanghao"></span></label>
 43 | 						<input type="text" class="mui-input-clear" value="13881111755" placeholder="请输入手机号或邮箱" />
 44 | 					</div>
 45 | 					<div class="mui-input-row">
 46 | 						<label><span class="mui-icon iconfont icon-mimaxiugai"></span></label>
 47 | 						<input type="password" class="mui-input-clear" value="123456" placeholder="请输入密码" />
 48 | 					</div>
 49 | 				</form>
 50 | 			</div>
 51 | 			<div class="mui-button-row" style="margin: 10px 15px;">
 52 | 				<button id="loginBtn" type="button" class="mui-btn mui-btn-green own-btn-green mui-btn-block " style="padding: 5px 0px;">登录</button>
 53 | 			</div>
 54 | 			<div class="mui-button-row" style="padding-top: 0px;">
 55 | 				<button id="register" type="button" class="mui-btn mui-btn-link own-main-color own-font-size" style="padding-top: 0px; margin-right: 60px; ">快速注册</button>
 56 | 				<button id="repsd" type="button" class="mui-btn mui-btn-link own-font-size" style="padding-top: 0px; margin-left: 60px; color: #FF6A6A;">忘记密码</button>
 57 | 			</div>
 58 | 
 59 | 		</div>
 60 | 
 61 | 		<script src="../js/mui.min.js" charset="UTF-8"></script>
 62 | 		<script src="../js/own.js" charset="UTF-8"></script>
 63 | 		<script src="../js/ajax.js" charset="UTF-8"></script>
 64 | 		<script type="text/javascript" charset="UTF-8">
 65 | 			mui.init({
 66 | 				swipeBack: true
 67 | 			});
 68 | 			var account;
 69 | 			var psd;
 70 | 			var login;
 71 | 			var register;
 72 | 			var repsd;
 73 | 			var loginWebview;
 74 | 			mui.plusReady(function() {
 75 | 				account = document.querySelector('input[type="text"]');
 76 | 				psd = document.querySelector('input[type="password"]');
 77 | 				login = document.getElementById('loginBtn');
 78 | 				register = document.getElementById('register');
 79 | 				repsd = document.getElementById('repsd');
 80 | 				loginWebview = plus.webview.currentWebview();
 81 | 				//检测本地的登录过的账号。
 82 | 				if (localStorage.getItem('account')) {
 83 | 					account.value = localStorage.getItem('account');
 84 | 				}
 85 | 				//登陆的点击事件
 86 | 				login.addEventListener('tap', function() {
 87 | 					//将两个数据存放起来，第一个是等出之后删除，第二个只要登录之后就会记录保存
 88 | 					localStorage.setItem('user', {});
 89 | 					mui.back();
 90 | 					mui.toast('登录成功');
 91 | 					//添加事件接收close事件，并且要判断是否已经登录成功，然后页面close，因为login页面是预先加载的页面
 92 | 					//在这里向需要的页面发送消息事件通知已经登录做响应的处理
 93 | 					loginWebview.addEventListener('hide', function() {
 94 | 						mui.each(plus.webview.all(), function(index, item) {
 95 | 							console.log(item.id)
 96 | 						})
 97 | 						var cartwebview = plus.webview.getWebviewById('barItem/cart.html');
 98 | 						var minewebview = plus.webview.getWebviewById('barItem/mine.html');
 99 | 						var xinyuandanwebview = plus.webview.getWebviewById('barItem/wishList.html');
100 | 						mui.fire(cartwebview, 'loginSuccess', {});
101 | 						mui.fire(minewebview, 'loginSuccess', {});
102 | 						mui.fire(xinyuandanwebview, 'loginSuccess', {});
103 | 						loginWebview.close();
104 | 					}, false);
105 | 				}, false);
106 | 				//注册按钮的点击事件
107 | 				register.addEventListener('tap', function() {
108 | 					pushWebView({
109 | 						webType: 'newWebview_First',
110 | 						id: 'mine/register-needtem.html',
111 | 						href: 'mine/register-needtem.html',
112 | 						aniShow: getaniShow(),
113 | 						title: "注册",
114 | 						isBars: false,
115 | 						barsIcon: '',
116 | 						extendOptions: {}
117 | 					})
118 | 				}, false);
119 | 				//注册按钮的点击事件
120 | 				repsd.addEventListener('tap', function() {
121 | 					pushWebView({
122 | 						webType: 'newWebview_First',
123 | 						id: 'mine/forget-psd-needtem.html',
124 | 						href: 'mine/forget-psd-needtem.html',
125 | 						aniShow: getaniShow(),
126 | 						title: "注册",
127 | 						isBars: false,
128 | 						barsIcon: '',
129 | 						extendOptions: {}
130 | 					})
131 | 				}, false);
132 | 			});
133 | 		</script>
134 | 	</body>
135 | 
136 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/my-order-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3父子模版</title>
 7 |     
 8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
10 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
11 | </head>
12 | <body>
13 | 	
14 | 	
15 | 	<div class="mui-content own-content-padding">
16 | 		
17 | 	</div>
18 | 
19 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
20 | 	<script src="../js/own.js" charset="UTF-8"></script>
21 | 	<script type="text/javascript" charset="UTF-8">
22 | 		mui.init({
23 | 			swipeBack:true
24 | 		});
25 | 	</script>
26 | 	
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/E3-demo/mine/register-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3父子模版</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 10 |     <style type="text/css">
 11 |     		/*下面两项是重置muicss的输入框label和input之间的宽比率*/
 12 |     		.mui-input-row label {
 13 |     			width: 20%;
 14 |     		}
 15 |     		.mui-input-row label~input {
 16 |     			width: 80%;
 17 |     		}
 18 |     </style>
 19 | </head>
 20 | <body>
 21 | 	
 22 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
 23 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 24 | 		<h1 class="mui-title">注册</h1>
 25 | 	</header>
 26 | 	
 27 | 	<div class="mui-content own-content-padding">
 28 | 		<div class="mui-card" style="margin-top: 30px;">
 29 | 			<form class="mui-input-group">
 30 | 				<div class="mui-input-row">
 31 | 					<label><span class="mui-icon iconfont icon-zhanghao"></span></label>
 32 | 					<input id="account" class="mui-input-clear" type="text" placeholder="输入手机或则邮箱" />
 33 | 				</div>
 34 | 				<div class="mui-input-row">
 35 | 					<label><span class="mui-icon iconfont icon-mimaxiugai"></span></label>
 36 | 					<input id="psd" class="mui-input-clear" type="password" placeholder="输入密码" />
 37 | 				</div>
 38 | 				<div class="mui-input-row">
 39 | 					<label><span class="mui-icon iconfont icon-queren"></span></label>
 40 | 					<input id="repsd" class="mui-input-clear" type="password" placeholder="确认密码" />
 41 | 				</div>
 42 | 			</form>
 43 | 		</div>
 44 | 		<div class="mui-button-row" style="margin: 10px 15px;">
 45 | 			<button type="button" class="mui-btn mui-btn-block own-btn-green" style="padding: 5px 0px;">注册</button>
 46 | 		</div>
 47 | 	</div>
 48 | 	
 49 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 50 | 	<script src="../js/own.js" charset="UTF-8"></script>
 51 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 52 | 	<script type="text/javascript" charset="UTF-8">
 53 | 		mui.init({
 54 | 			swipeBack:true
 55 | 		});
 56 | 		
 57 | 		var account;
 58 | 		var psd;
 59 | 		var repsd;
 60 | 		var registerBtn ;
 61 | 		mui.plusReady(function(){
 62 | 			account = document.getElementById('account');
 63 | 			psd = document.getElementById('psd');
 64 | 			repsd = document.getElementById('repsd');
 65 | 			registerBtn = document.querySelector('button[type="button"]');
 66 | 			
 67 | 			
 68 | 			registerBtn.addEventListener('tap',function(){
 69 | 				if (account.value.length <= 0) {
 70 | 					mui.toast('请输入要注册的账号');
 71 | 					return;
 72 | 				}
 73 | 				if (psd.value.length <= 0){
 74 | 					mui.toast('请输入密码');
 75 | 					return;
 76 | 				}
 77 | 				if (repsd.value.length <= 0 || psd.value != repsd.value	){
 78 | 					mui.toast('两次输入密码必须一致');
 79 | 					return;
 80 | 				}
 81 | 				
 82 | 				//联网注册
 83 | 				ajax_register({
 84 | 					account:account.value,
 85 | 					pwd:repsd.value,
 86 | 					website_id:'1'
 87 | 				});
 88 | 			},false);
 89 | 			
 90 | 		});
 91 | 		
 92 | 		function registerSeccess(data) {
 93 | 			if (data.code == '000000') {
 94 | 				
 95 | 			}
 96 | 		}
 97 | 	</script>
 98 | 	
 99 | </body>
100 | </html>


--------------------------------------------------------------------------------
/E3-demo/template-main-first.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | 	<head>
 5 | 		<meta charset="utf-8">
 6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 7 | 		<title>通用父子模版父页面</title>
 8 | 		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 9 | 		<link rel="stylesheet" type="text/css" href="css/own.css" />
10 | 		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
11 | 	</head>
12 | 
13 | 	<body>
14 | 		<header class="mui-bar mui-bar-nav own-main-background-color">
15 | 			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
16 | 			<h1 class="mui-title"></h1>
17 | 			<a id="rightBar" class="mui-icon icon icon-weibiaoti1 mui-pull-right"></a>
18 | 		</header>
19 | 
20 | 		<div class="loader">
21 | 			<a>
22 | 				<span class="mui-spinner"></span>
23 | 			</a>
24 | 			<br />
25 | 			<span>加载中...</span>
26 | 		</div>
27 | 
28 | 		<script src="js/mui.min.js" charset="UTF-8"></script>
29 | 		<script type="text/javascript" charset="UTF-8">
30 | 			mui.init({
31 | 				swipeBack: true
32 | 			});
33 | 			var title;
34 | 			var extendOptions;
35 | 			var contentWebview = null;
36 | 			var self = null;
37 | 			var rightBar;
38 | 			mui.plusReady(function() {
39 | 				//获取dom节点
40 | 				self = plus.webview.currentWebview();
41 | 				rightBar = document.getElementById('rightBar');
42 | 				title = document.querySelector('.mui-title');
43 | 				window.addEventListener('templateFire', function(options) {
44 | 					title.innerText = options.detail.title;
45 | 					var id = options.detail.id;
46 | 					var aniShow = options.detail.aniShow;
47 | 					var href = options.detail.href;
48 | 					var isBars = options.detail.isBars;
49 | 					var barsIcon = options.detail.barsIcon;
50 | 					extendOptions = options.detail.extendOptions;
51 | 					if (isBars) {
52 | 						rightBar.style.display = 'inline';
53 | 						rightBar.className = barsIcon + ' mui-pull-right';
54 | 						if (~barsIcon.indexOf('icon-weibiaoti1')) {
55 | 							rightBar.style.fontSize = 1.2 + 'em';
56 | 							rightBar.style.marginTop = 0.2 + 'em';
57 | 						}
58 | 					} else {
59 | 						rightBar.style.display = 'none';
60 | 					}
61 | 					if (mui.os.android && aniShow && parseFloat(mui.os.version) >= 4.4) {
62 | 						if (contentWebview == null) {
63 | 							contentWebview = self.children()[0];
64 | 						}
65 | 						var str = contentWebview.getURL();
66 | 						var index = str.indexOf('www/');
67 | 						str = str.substring(index + 4);
68 | 						if (!~id.indexOf('new') && (contentWebview.getURL() == href || str == href)) {
69 | 							console.log("loaded");
70 | 							contentWebview.show();
71 | 						} else {
72 | 							console.log("new load");
73 | 							contentWebview.loadURL(href);
74 | 						}
75 | 						self.show(aniShow);
76 | 					}
77 | 					//导航右按键监听
78 | 					rightBar.addEventListener('tap', function() {
79 | 						if (!contentWebview) {
80 | 							contentWebview = self.children()[0];
81 | 						}
82 | 						mui.fire(contentWebview, 'navRightPress', {});
83 | 					}, false);
84 | 				}, false);
85 | 				//接收子页面的获取extendOptions的事件
86 | 				window.addEventListener('getExtendOptions', function(e) {
87 | 					console.log('收到获取extendOptions的事件');
88 | 					if (contentWebview == null) {
89 | 						contentWebview = self.children()[0];
90 | 					}
91 | 					mui.fire(contentWebview, 'postExtendOptions', {
92 | 						extendOptions: extendOptions
93 | 					});
94 | 				}, false);
95 | 			});
96 | 		</script>
97 | 	</body>
98 | 
99 | </html>


--------------------------------------------------------------------------------
/E3-demo/template-main-second.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | 	<head>
 5 | 		<meta charset="utf-8">
 6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 7 | 		<title></title>
 8 | 		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 9 | 		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
10 | 		<link rel="stylesheet" type="text/css" href="css/own.css" />
11 | 	</head>
12 | 
13 | 	<body>
14 | 		<header class="mui-bar mui-bar-nav own-main-background-color">
15 | 			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
16 | 			<h1 class="mui-title">首页</h1>
17 | 			<a id="rightBar" class="mui-icon mui-icon-personadd mui-pull-right"></a>
18 | 		</header>
19 | 
20 | 		<div class="loader">
21 | 			<a>
22 | 				<span class="mui-spinner"></span>
23 | 			</a>
24 | 			<br />
25 | 			<span>加载中...</span>
26 | 		</div>
27 | 
28 | 		<script src="js/mui.min.js" charset="UTF-8"></script>
29 | 		<script type="text/javascript" charset="UTF-8">
30 | 			mui.init({
31 | 				swipeBack: true
32 | 			});
33 | 			var title;
34 | 			var extendOptions;
35 | 			var contentWebview = null;
36 | 			var self = null;
37 | 			var rightBar;
38 | 			mui.plusReady(function() {
39 | 				//获取dom节点
40 | 				self = plus.webview.currentWebview();
41 | 				rightBar = document.getElementById('rightBar');
42 | 				title = document.querySelector('.mui-title');
43 | 				window.addEventListener('templateFire', function(options) {
44 | 					title.innerText = options.detail.title;
45 | 					var id = options.detail.id;
46 | 					var aniShow = options.detail.aniShow;
47 | 					var href = options.detail.href;
48 | 					var isBars = options.detail.isBars;
49 | 					var barsIcon = options.detail.barsIcon;
50 | 					extendOptions = options.detail.extendOptions;
51 | 					if (isBars) {
52 | 						rightBar.style.display = 'inline';
53 | 						rightBar.className = barsIcon + ' mui-pull-right';
54 | 						if (~barsIcon.indexOf('icon-weibiaoti1')) {
55 | 							rightBar.style.fontSize = 1.2 + 'em';
56 | 							rightBar.style.marginTop = 0.2 + 'em';
57 | 						}
58 | 					} else {
59 | 						rightBar.style.display = 'none';
60 | 					}
61 | 					if (mui.os.android && aniShow && parseFloat(mui.os.version) >= 4.4) {
62 | 						if (contentWebview == null) {
63 | 							contentWebview = self.children()[0];
64 | 						}
65 | 						var str = contentWebview.getURL();
66 | 						var index = str.indexOf('www/');
67 | 						str = str.substring(index + 4);
68 | 						if (!~id.indexOf('new') && (contentWebview.getURL() == href || str == href)) {
69 | 							console.log("loaded");
70 | 							contentWebview.show();
71 | 						} else {
72 | 							console.log("new load");
73 | 							contentWebview.loadURL(href);
74 | 						}
75 | 						self.show(aniShow);
76 | 					}
77 | 					rightBar.addEventListener('tap', function() {
78 | 						if (!contentWebview) {
79 | 							contentWebview = self.children()[0];
80 | 						}
81 | 						mui.fire(contentWebview, 'navRightPress', {});
82 | 					}, false);
83 | 				}, false);
84 | 				//接收子页面的获取extendOptions的事件
85 | 				window.addEventListener('getExtendOptions', function(e) {
86 | 					console.log('收到获取extendOptions的事件');
87 | 					if (contentWebview == null) {
88 | 						contentWebview = self.children()[0];
89 | 					}
90 | 					mui.fire(contentWebview, 'postExtendOptions', {
91 | 						extendOptions: extendOptions
92 | 					});
93 | 				}, false);
94 | 			});
95 | 		</script>
96 | 
97 | 	</body>
98 | 
99 | </html>


--------------------------------------------------------------------------------
/E3-demo/template-main-third.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | 	<head>
 5 | 		<meta charset="utf-8">
 6 | 		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 7 | 		<title></title>
 8 | 		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 9 | 		<link rel="stylesheet" type="text/css" href="css/own.css" />
10 | 		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
11 | 	</head>
12 | 
13 | 	<body>
14 | 		<header class="mui-bar mui-bar-nav">
15 | 			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
16 | 			<h1 class="mui-title">首页</h1>
17 | 			<a id="rightBar" class="mui-icon mui-icon-personadd mui-pull-right"></a>
18 | 		</header>
19 | 
20 | 		<div class="loader">
21 | 			<a>
22 | 				<span class="mui-spinner"></span>
23 | 			</a>
24 | 			<br />
25 | 			<span>加载中...</span>
26 | 		</div>
27 | 
28 | 		<script src="js/mui.min.js" charset="UTF-8"></script>
29 | 		<script type="text/javascript" charset="UTF-8">
30 | 			mui.init({
31 | 				swipeBack: true
32 | 			});
33 | 			var title;
34 | 			var extendOptions;
35 | 			var contentWebview = null;
36 | 			var self = null;
37 | 			var rightBar;
38 | 			mui.plusReady(function() {
39 | 				//获取dom节点
40 | 				self = plus.webview.currentWebview();
41 | 				rightBar = document.getElementById('rightBar');
42 | 				title = document.querySelector('.mui-title');
43 | 				window.addEventListener('templateFire', function(options) {
44 | 					title.innerText = options.detail.title;
45 | 					var id = options.detail.id;
46 | 					var aniShow = options.detail.aniShow;
47 | 					var href = options.detail.href;
48 | 					var isBars = options.detail.isBars;
49 | 					var barsIcon = options.detail.barsIcon;
50 | 					extendOptions = options.detail.extendOptions;
51 | 					if (isBars) {
52 | 						rightBar.style.display = 'inline';
53 | 						rightBar.className = barsIcon + ' mui-pull-right';
54 | 						if (~barsIcon.indexOf('icon-weibiaoti1')) {
55 | 							rightBar.style.fontSize = 1.2 + 'em';
56 | 							rightBar.style.marginTop = 0.2 + 'em';
57 | 						}
58 | 					} else {
59 | 						rightBar.style.display = 'none';
60 | 					}
61 | 					if (mui.os.android && aniShow && parseFloat(mui.os.version) >= 4.4) {
62 | 						if (contentWebview == null) {
63 | 							contentWebview = self.children()[0];
64 | 						}
65 | 						var str = contentWebview.getURL();
66 | 						var index = str.indexOf('www/');
67 | 						str = str.substring(index + 4);
68 | 						if (!~id.indexOf('new') && (contentWebview.getURL() == href || str == href)) {
69 | 							console.log("loaded");
70 | 							contentWebview.show();
71 | 						} else {
72 | 							console.log("new load");
73 | 							contentWebview.loadURL(href);
74 | 						}
75 | 						self.show(aniShow);
76 | 					}
77 | 				}, false);
78 | 				//接收子页面的获取extendOptions的事件
79 | 				window.addEventListener('getExtendOptions', function(e) {
80 | 					console.log('收到获取extendOptions的事件');
81 | 					if (contentWebview == null) {
82 | 						contentWebview = self.children()[0];
83 | 					}
84 | 					mui.fire(contentWebview, 'postExtendOptions', {
85 | 						extendOptions: extendOptions
86 | 					});
87 | 				}, false);
88 | 			});
89 | 		</script>
90 | 
91 | 	</body>
92 | 
93 | </html>


--------------------------------------------------------------------------------
/E3-demo/template.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>父子页面的承载页面</title>
  7 |    	<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
  8 |    	<link rel="stylesheet" type="text/css" href="css/own.css"/>
  9 |    	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
 10 |    	<style type="text/css">
 11 |    		
 12 |    	</style>
 13 | </head>
 14 | <body>
 15 | 	
 16 | 	
 17 | 	<script src="js/mui.min.js" charset="UTF-8"></script>
 18 | 	<script src="js/own.js" charset="UTF-8"></script>
 19 | 	<script type="text/javascript" charset="UTF-8">		
 20 | 		mui.init({
 21 | 			swipeBack:false
 22 | 		});
 23 | 		
 24 | 		//通用父子模版页面第一级父子模版页面
 25 | 		var headerWebView_First;
 26 | 		var subWebView_First;
 27 | 		
 28 | 		//第二级父子模版页面
 29 | 		var headerWebview_Second;
 30 | 		var subWebview_Second;
 31 | 		
 32 | 		//第三级级父子模版页面
 33 | 		var headerWebview_Third;
 34 | 		var subWebview_Third;
 35 | 		mui.plusReady(function(){
 36 | 			initThreeTem();
 37 | 		});
 38 | 		
 39 | 		//加载父子页面
 40 | 		function initThreeTem(){
 41 | 			//初始化第一级父子页面
 42 | 			initParentChildTem_First();
 43 | 			//初始化第二级父子页面
 44 | 			initParentChildTem_Second();
 45 | 			//初始化第三级父子页面
 46 | 			initParentChildTem_Third();
 47 | 			//接收第一级页面的的事件页面切换
 48 | 			changeWebViewEvent_first();
 49 | 			//接收第二级页面的事件页面切换
 50 | 			changeWebViewEvent_Second();
 51 | 			//接收第三级页面的事件页面切换
 52 | 			changeWebViewEvent_Third();
 53 | 		}
 54 | 		
 55 | 		//初始化第一级父子模版页面
 56 | 		function initParentChildTem_First(){
 57 | 			headerWebView_First = mui.preload({
 58 | 				id:'template-main-first.html',
 59 | 				url:'template-main-first.html',
 60 | 				styles:{
 61 | 					top:'0px',
 62 | 					bottom:'0px'
 63 | 				},
 64 | 				extras:{
 65 | 					mtype:'main_first'
 66 | 				}
 67 | 			});
 68 | 			subWebView_First = mui.preload({
 69 | 				id:'template-sub-first.html',
 70 | 				url:'',
 71 | 				styles:{
 72 | 					top: '44px',
 73 | 					bottom: '0px',
 74 | 					bounce: 'vertical',
 75 | 					bounceBackground:'#f8f8f8'
 76 | 				},
 77 | 				extras:{
 78 | 					mtype:'sub_first'
 79 | 				}
 80 | 			});
 81 | 			headerWebView_First.hide();
 82 | 			subWebView_First.hide();
 83 | 			
 84 | 			//子页面监听loaded事件
 85 | 			subWebView_First.addEventListener('loaded',function(){
 86 | 				setTimeout(function(){
 87 | 					subWebView_First.show();
 88 | 				},100);
 89 | 			},false);
 90 | 			
 91 | 			//父页面隐藏的时候子页面也隐藏
 92 | 			headerWebView_First.addEventListener('hide',function(){
 93 | 				subWebView_First.hide();
 94 | 			},false);
 95 | 			
 96 | 			headerWebView_First.append(subWebView_First);
 97 | 		}
 98 | 		
 99 | 		//初始化第二级父子页面
100 | 		function initParentChildTem_Second(){
101 | 			headerWebview_Second = mui.preload({
102 | 				id:'template-main-second.html',
103 | 				url:'template-main-second.html',
104 | 				styles:{
105 | 					top:'0px',
106 | 					bottom:'0px'
107 | 				},
108 | 				extras:{
109 | 					mtype:'main_second'
110 | 				}
111 | 			});
112 | 			subWebview_Second = mui.preload({
113 | 				id:'template-sub-second.html',
114 | 				url:'',
115 | 				styles:{
116 | 					top: '44px',
117 | 					bottom: '0px',
118 | 					bounce: 'vertical',
119 | 					bounceBackground:'#f8f8f8'
120 | 				},
121 | 				extras:{
122 | 					mtype:'sub_second'
123 | 				}
124 | 			});
125 | 			headerWebview_Second.hide();
126 | 			subWebview_Second.hide();
127 | 			
128 | 			//子页面监听loaded事件
129 | 			subWebview_Second.addEventListener('loaded',function(){
130 | 				setTimeout(function(){
131 | 					subWebview_Second.show();
132 | 				},100);
133 | 			},false);
134 | 			//父页面隐藏的时候子页面也隐藏
135 | 			headerWebview_Second.addEventListener('hide',function(){
136 | 				subWebview_Second.hide();
137 | 			},false);
138 | 			headerWebview_Second.append(subWebview_Second);
139 | 		}
140 | 		
141 | 		//加载第三级父子页面
142 | 	    	function initParentChildTem_Third(){
143 | 			headerWebview_Third = mui.preload({
144 | 				id:'template-main-third.html',
145 | 				url:'template-main-third.html',
146 | 				styles:{
147 | 					top:'0px',
148 | 					bottom:'0px'
149 | 				},
150 | 				extras:{
151 | 					mtype:'main_third'
152 | 				}
153 | 			});
154 | 			subWebview_Third = mui.preload({
155 | 				id:'template-sub-third.html',
156 | 				url:'',
157 | 				styles:{
158 | 					top: '44px',
159 | 					bottom: '0px',
160 | 					bounce: 'vertical',
161 | 					bounceBackground:'#f8f8f8'
162 | 				},
163 | 				extras:{
164 | 					mtype:'sub_second'
165 | 				}
166 | 			});
167 | 			headerWebview_Third.hide();
168 | 			subWebview_Third.hide();
169 | 			
170 | 			//子页面监听loaded事件
171 | 			subWebview_Third.addEventListener('loaded',function(){
172 | 				setTimeout(function(){
173 | 					subWebview_Third.show();
174 | 				},100);
175 | 			},false);
176 | 			//父页面隐藏的时候子页面也隐藏
177 | 			headerWebview_Third.addEventListener('hide',function(){
178 | 				subWebview_Third.hide();
179 | 			},false);
180 | 			headerWebview_Third.append(subWebview_Third);
181 | 		}
182 | 	    	
183 | 	    		//收到加载第三级父子页面的消息
184 | 		function changeWebViewEvent_Third(){
185 | 			window.addEventListener('newWebview_Third',function(options){
186 | 				logSub(options);				
187 | 				createsubWebview(headerWebview_Third,subWebview_Third,options);
188 | 			},false);
189 | 		}
190 | 		
191 | 		//收到加载第二级父子页面的消息
192 | 		function changeWebViewEvent_Second(){
193 | 			window.addEventListener('newWebview_Second',function(options){
194 | 				logSub(options);				
195 | 				createsubWebview(headerWebview_Second,subWebview_Second,options);
196 | 			},false);
197 | 		}
198 | 		
199 | 		//收到加载父子页面的消息
200 | 		function changeWebViewEvent_first(){
201 | 			window.addEventListener('newWebview_First',function(options){
202 | 				logSub(options);
203 | 				//需要处理特殊的地方，有的页面不用父子模版页面，但是需要预先加载，比如登录页面
204 | 				if (options.detail.id == 'mine/login.html' ) {
205 | 					//如果存在直接显示，如果不存在就生成
206 | 					var loginWebView = plus.webview.getWebviewById("mine/login.html");
207 | 					if (loginWebView) {
208 | 						loginWebView.show('slide-in-bottom');
209 | 					}else {
210 | 						//这个条件下面是为了适应当登录页面并没有初始化，或者初始化之后用户又已经登录了这个页面被删除之后再次登录
211 | 						loginWebView = mui.preload({
212 | 							url:'mine/login.html',
213 | 							id:'mine/login.html',
214 | 							styles:{
215 | 								top:'0px',
216 | 								bottom:'0px'
217 | 							}
218 | 						});
219 | 						loginWebView.addEventListener('loaded',function(){
220 | 							loginWebView.show('slide-in-bottom');
221 | 						},false);
222 | 					}
223 | 				} else if(false){//或则一些其他父子模版页面的特殊处理
224 | 					
225 | 				} else if(~options.detail.id.indexOf('.html')) {
226 | 					if (!~options.detail.id.indexOf('needtem.html')) {//普通不使用父子模版页面的
227 | 						mui.openWindow({
228 | 							url:options.detail.href,
229 | 							id:options.detail.id,
230 | 							styles:{
231 | 								popGesture:'close'
232 | 							},
233 | 							show:{
234 | 								aniShow:options.detail.aniShow
235 | 							},
236 | 							waiting:{
237 | 								autoShow:false
238 | 							}
239 | 						});
240 | 					} else{
241 | 						createsubWebview(headerWebView_First,subWebView_First,options);
242 | 					}
243 | 				}
244 | 			},false);
245 | 		}
246 | 		
247 | 		//输出父子页面元素信息
248 | 		function logSub(options){
249 | 			console.log(options.detail.id);
250 | 			console.log(options.detail.href);
251 | 			console.log(options.detail.aniShow);
252 | 			console.log(options.detail.title);
253 | 			if (options.detail.extendOptions) {
254 | 				console.log(JSON.stringify(options.detail.extendOptions));
255 | 			}
256 | 			console.log('' + ~options.detail.id.indexOf('needtem.html'));
257 | 		}
258 | 		
259 | 		//对不同的父子页面生成
260 | 		function createsubWebview(mainWeb,subWeb,options){
261 | 			//headerWebView.hide();如果在这里添加这个代码，会导致监听事件在下面contentwebview show之后又隐藏掉它
262 | 			subWeb.hide();
263 | 			
264 | 			//像template-main传送事件让他更改标题
265 | 			mui.fire(mainWeb,'templateFire',options.detail);
266 | 			
267 | 			//如果为展示category或者商品信息的页面，需要每次都重新加载，因为存在刷新页面信息的东西;
268 | 			//再次加载页面显示的也是之前加载的页面信息，所以这里，在这个页面返回的时候将里面的数据清空
269 | 			if(mui.os.ios||(mui.os.android&&parseFloat(mui.os.version)<4.4)){
270 | 				var str = subWeb.getURL();
271 | 				var index = str.indexOf('www/');
272 | 				str = str.substring(index+4);
273 | 				if (!~options.detail.id.indexOf('new') &&(subWeb.getURL() == options.detail.href || str == options.detail.href)) {
274 | 					console.log("loaded");
275 | 					subWeb.show();
276 | 				}else {
277 | 					console.log("new load");
278 | 					subWeb.loadURL(options.detail.href);
279 | 				}
280 | 				mainWeb.show(options.detail.aniShow);
281 | 			}
282 | 		}
283 | 	</script>
284 | </body>
285 | </html>


--------------------------------------------------------------------------------
/E3-demo/unpackage/.confirmed_dependencies:
--------------------------------------------------------------------------------
1 | null


--------------------------------------------------------------------------------
/E3-demo/unpackage/.dependencies:
--------------------------------------------------------------------------------
1 | null


--------------------------------------------------------------------------------
/E3-server/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>E3</name>
 4 | 	<comment>Create By HBuilder</comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 		<buildCommand>
 9 | 			<name>com.pandora.projects.ui.MKeyBuilder</name>
10 | 			<arguments>
11 | 			</arguments>
12 | 		</buildCommand>
13 | 		<buildCommand>
14 | 			<name>com.aptana.ide.core.unifiedBuilder</name>
15 | 			<arguments>
16 | 			</arguments>
17 | 		</buildCommand>
18 | 	</buildSpec>
19 | 	<natures>
20 | 		<nature>com.pandora.projects.ui.MKeyNature</nature>
21 | 		<nature>com.aptana.projects.webnature</nature>
22 | 	</natures>
23 | 	<filteredResources>
24 | 		<filter>
25 | 			<id>1442455787088</id>
26 | 			<name></name>
27 | 			<type>10</type>
28 | 			<matcher>
29 | 				<id>org.eclipse.ui.ide.orFilterMatcher</id>
30 | 				<arguments>
31 | 					<matcher>
32 | 						<id>org.eclipse.ui.ide.multiFilter</id>
33 | 						<arguments>1.0-projectRelativePath-matches-false-false-bin</arguments>
34 | 					</matcher>
35 | 					<matcher>
36 | 						<id>org.eclipse.ui.ide.multiFilter</id>
37 | 						<arguments>1.0-projectRelativePath-matches-false-false-setting</arguments>
38 | 					</matcher>
39 | 				</arguments>
40 | 			</matcher>
41 | 		</filter>
42 | 	</filteredResources>
43 | </projectDescription>
44 | 


--------------------------------------------------------------------------------
/E3-server/Mine/address.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3</title>
 7 |     
 8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
10 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
11 |     <link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css"/>
12 |     
13 |     <style type="text/css">
14 |     		.mui-input-row label {
15 |     			width: 100%;
16 |     		}
17 |     </style>
18 | </head>
19 | <body>
20 | 	<header class="mui-bar mui-bar-nav">
21 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left own-left-nav-color"></a>
22 | 		<h1 class="mui-title own-left-nav-color">地址</h1>
23 | 		<a class="mui-icon iconfont icon-iconfont53 mui-pull-right own-left-nav-color"></a>
24 | 	</header>
25 | 	
26 | 	<div class="mui-content" >
27 | 		<form class="mui-input-group">
28 | 			<div class="mui-input-row">
29 | 				<input type="text" class="mui-input-clear" placeholder="收货人姓名" />
30 | 			</div>
31 | 			<div class="mui-input-row">
32 | 				<input type="text" class="mui-input-clear" placeholder="手机号码" />
33 | 			</div>
34 | 			<div class="mui-input-row" id="addressPicker">
35 | 				<label>省、市、区</label>
36 | 			</div>
37 | 			<div class="mui-input-row" style="height: 4em; padding-top: 2px;">
38 | 				<textarea placeholder="详细地址"></textarea>
39 | 			</div>
40 | 		</form>
41 | 	</div>
42 | 
43 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
44 | 	<script src="../js/city.data-3.js" charset="UTF-8"></script>
45 | 	<script src="../js/mui.picker.min.js" charset="UTF-8"></script>
46 | 	<script src="../js/own.js" charset="UTF-8"></script>
47 | 	<script type="text/javascript" charset="UTF-8">
48 | 		mui.init({
49 | 			swipeBack:true
50 | 		});
51 | 		
52 | 		var addressPicker;
53 | 		var pickerlabel;
54 | 		mui.plusReady(function(){
55 | 			addressPicker = document.getElementById('addressPicker');
56 | 			pickerlabel = addressPicker.children[0];
57 | 			
58 | 			
59 | //			var cityPicker3 = new $.PopPicker({
60 | //						layer: 3
61 | //					});
62 | //					cityPicker3.setData(cityData3);
63 | //					var showCityPickerButton = doc.getElementById('showCityPicker3');
64 | //					var cityResult3 = doc.getElementById('cityResult3');
65 | //					showCityPickerButton.addEventListener('tap', function(event) {
66 | //						cityPicker3.show(function(items) {
67 | //							cityResult3.innerText = "你选择的城市是:" + (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
68 | //							//返回 false 可以阻止选择框的关闭
69 | //							//return false;
70 | //						});
71 | //					}, false);
72 | 			
73 | 			//监听呼出picker事件
74 | 			addressPicker.addEventListener('tap',function(){
75 | 				var cityPicker3 = new mui.PopPicker({
76 | 					layer:3
77 | 				});
78 | 				cityPicker3.setData(cityData3);
79 | 				cityPicker3.show(function(items){
80 | 					pickerlabel.innerText = (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
81 | 				});
82 | 			
83 | 				
84 | 			},false);
85 | 		});
86 | 	</script>
87 | 	
88 | </body>
89 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/change-address-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3父子模版</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		.emptyAddress {
 13 |     			text-align: center;
 14 |     			margin-top: 50px;
 15 |     			font-size: 0.9em;
 16 |     		}
 17 |     		
 18 |     		h5 {
 19 |     			color: black
 20 |     		}
 21 |     		
 22 |     		.name {
 23 |     			float: left;
 24 |     		}
 25 |     		.number {
 26 |     			float: right;
 27 |     		}
 28 |     		
 29 |     		.address {
 30 |     			padding-top: 2px;
 31 |     			clear: both;
 32 |     		}
 33 |     		
 34 |     		
 35 |     </style>
 36 | </head>
 37 | <body>
 38 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
 39 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left own-left-nav-color"></a>
 40 | 		<h1 class="mui-title">地址管理</h1>
 41 | 	</header>
 42 | 	
 43 | 	<div class="mui-content own-content-padding">
 44 | 		<div  class="emptyAddress own-left-nav-color">
 45 | 			<span>空空如也</span>
 46 | 			<br />
 47 | 			<span>先添加一个收货地址吧</span>
 48 | 			<br />
 49 | 			<button type="button" class="mui-btn">
 50 | 				<span class="mui-icon iconfont icon-tianjia" style="padding: 0px 5px; color: gray;"></span>
 51 | 			</button>
 52 | 		</div>
 53 | 		<ul id="addressList" class="mui-table-view">
 54 | 			<li class="mui-table-view-cell">
 55 | 				<h5 class="name">colin</h5>
 56 | 				<h5 class="number">15882017353</h5>
 57 | 				<p class="address mui-ellipsis-2">中国四川省成都市高新区大源村南华路双祥社区25号院n栋n单元n楼n号电梯n号门n栋n单元n楼n号电梯n号门</p>
 58 | 			</li>
 59 | 			<li class="mui-table-view-cell">
 60 | 				<h5 class="name">colin</h5>
 61 | 				<h5 class="number">15882017353</h5>
 62 | 				<p class="address mui-ellipsis-2">四川成都高新区</p>
 63 | 			</li>
 64 | 			<li class="mui-table-view-cell">
 65 | 				<h5 class="name">colin</h5>
 66 | 				<h5 class="number">15882017353</h5>
 67 | 				<p class="address mui-ellipsis-2">中国四川省成都市高新区大源村南华路双祥社区25号院n栋n单元n楼n号电梯n号门n栋n单元n楼n号电梯n号门</p>
 68 | 			</li>
 69 | 			<li class="mui-table-view-cell">
 70 | 				<h5 class="name">colin</h5>
 71 | 				<h5 class="number">15882017353</h5>
 72 | 				<p class="address mui-ellipsis-2">中国四川省成都市高新区大源村南华路双祥社区25号院n栋n单元n楼n号电梯n号门n栋n单元n楼n号电梯n号门</p>
 73 | 			</li>
 74 | 		</ul>
 75 | 		<div>
 76 | 			<img src="http://file.huihoo.com//images/products/SP-10014/large.jpg?t=1438324882998"  style="width: 100%;"/>
 77 | 		</div>
 78 | 	</div>
 79 | 	
 80 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 81 | 	<script src="../js/own.js" charset="UTF-8"></script>
 82 | 	<script type="text/javascript" charset="UTF-8">
 83 | 		mui.init({
 84 | 			swipeBack:true
 85 | 		});
 86 | 		
 87 | 		
 88 | 		var addressWebview;
 89 | 		var emptyAddress;
 90 | 		var emptyAddressBtn;
 91 | 		mui.plusReady(function(){
 92 | 			emptyAddress = document.querySelector('.emptyAddress');
 93 | 			emptyAddressBtn = emptyAddress.querySelector('button');
 94 | 			
 95 | 			//将地址的页面初始化
 96 | 			addressWebview = mui.preload({
 97 | 				url:'address.html',
 98 | 				id:'address.html',
 99 | 				styles:{
100 | 					top:'0px',
101 | 					bottom:'0px'
102 | 				}
103 | 			});
104 | 			
105 | 			//在当前页面消失的时候close addresswebview
106 | 			closeChildWebviewOfhide(plus.webview.currentWebview(),addressWebview.id);
107 | 			
108 | 			//判断如果没有可用地址就显示添加
109 | 			if (true) {
110 | 				emptyAddress.style.display = 'block';
111 | 				emptyAddressBtn.addEventListener('tap',function(){
112 | 					showaddressWeb();
113 | 				},false);
114 | 			}else {
115 | 				emptyAddress.style.display = 'none';
116 | 			}
117 | 			
118 | 			//地址修改点击事件
119 | 			mui('.mui-table-view').on('tap','.mui-table-view-cell',function(){
120 | 				var cell = this;
121 | 				var name = this.children[0];
122 | 				var phoneNum = this.children[1];
123 | 				var address = this.children[2];
124 | 				
125 | 				showaddressWeb();
126 | 			});
127 | 			
128 | 			//接收rightbar事件
129 | 			window.addEventListener('pressRightBar',function(){
130 | 				showaddressWeb();
131 | 			},false);
132 | 		});
133 | 		
134 | 		function showaddressWeb(){
135 | 			var aniShow = getaniShow();
136 | 			//第二次进来的时候不会进plusReady
137 | 			if (!addressWebview.getURL() || !addressWebview) {
138 | 				addressWebview = mui.preload({
139 | 					url:'address.html',
140 | 					id:'address.html',
141 | 					styles:{
142 | 						top:'0px',
143 | 						bottom:'0px'
144 | 					},
145 | 				});
146 | 				//作为添加地址的事件处理
147 | 				addressWebview.addEventListener('loaded',function(){
148 | 					addressWebview.show(aniShow);
149 | 				},false);
150 | 			}else {
151 | 				//作为添加地址的事件处理
152 | 				addressWebview.show(aniShow);
153 | 			}
154 | 		}
155 | 	</script>
156 | 	
157 | </body>
158 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/changeEmail-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3父子模版，可直接用index的父子模版</title>
 7 |     <script src="js/mui.min.js"></script>
 8 |     <link href="css/mui.min.css" rel="stylesheet"/>
 9 |     <script type="text/javascript" charset="utf-8">
10 |       	mui.init();
11 |     </script>
12 | </head>
13 | <body>
14 | 	
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/changepsd-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3为父子模版可直接用index的父子模版</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		.mui-input-row label {
 13 |     			width: 20%;
 14 |     		}
 15 |     		.mui-input-row label~input {
 16 |     			width: 80%;
 17 |     		}
 18 |     </style>
 19 | </head>
 20 | <body>
 21 | 	
 22 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
 23 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 24 | 		<h1 class="mui-title">修改密码</h1>
 25 | 	</header>
 26 | 	
 27 | 	<div class="mui-content own-content-padding">
 28 | 		<div class="mui-card" style="margin-top: 30px;">
 29 | 			<form class="mui-input-group">
 30 | 				<div class="mui-input-row">
 31 | 					<label><span class="mui-icon iconfont icon-jiumima"></span></label>
 32 | 					<input type="password" class="mui-input-clear" placeholder="旧密码" />
 33 | 				</div>
 34 | 				<div class="mui-input-row">
 35 | 					<label><span class="mui-icon iconfont icon-mimaxiugai"></span></label>
 36 | 					<input type="password" class="mui-input-clear" placeholder="新密码" />
 37 | 				</div>
 38 | 				<div class="mui-input-row">
 39 | 					<label><span class="mui-icon iconfont icon-queren"></span></label>
 40 | 					<input type="password" class="mui-input-clear" placeholder="确认新密码" />
 41 | 				</div>
 42 | 			</form>
 43 | 		</div>
 44 | 		<div class="mui-button-row" style="margin: 10px 15px;">
 45 | 			<button type="button" class="mui-btn mui-btn-link own-btn-green mui-btn-block" style="padding: 5px 0px;">修改密码</button>
 46 | 		</div>
 47 | 	</div>
 48 | 	
 49 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 50 | 	<script src="../js/own.js" charset="UTF-8"></script>
 51 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 52 | 	<script type="text/javascript" charset="UTF-8">
 53 | 		mui.init({
 54 | 			swipeBack:true
 55 | 		});
 56 | 		
 57 | 		var inputList;
 58 | 		var changepwdWebview;
 59 | 		mui.plusReady(function(){
 60 | 			//选出所有input
 61 | 			inputList = document.querySelectorAll('input[type="password"]');
 62 | 			changepwdWebview = plus.webview.currentWebview();
 63 | 			
 64 | 			document.querySelector('button[type="button"]').addEventListener('tap',function(){
 65 | 				for (var i = 0;i < inputList.length; i++) {
 66 | 					if (inputList[i].value.length <= 0) {
 67 | 						var alertMSG;
 68 | 						if (i == 0) {
 69 | 							alertMSG = '请输入旧密码';
 70 | 						} else if(i == 1){
 71 | 							alertMSG = '请输入新密码';
 72 | 						}else if(i == 2 ) {
 73 | 							alertMSG = '两次输入密码必须一致';
 74 | 						}
 75 | 						mui.toast(alertMSG);
 76 | 						return;
 77 | 					}
 78 | 				}
 79 | 				if (inputList[1].value != inputList[2].value) {
 80 | 					mui.toast('两次输入密码必须一致');
 81 | 					return;
 82 | 				}
 83 | 				
 84 | 				//开始执行修改密码联网
 85 | 				ajax_change_pwd({
 86 | 					confirm_pwd:inputList[2].value,
 87 | 					new_pwd:inputList[1].value,
 88 | 					old_pwd:inputList[0].value
 89 | 				});
 90 | 				
 91 | 				
 92 | 				
 93 | 				
 94 | 			},false);
 95 | 			
 96 | 			//为页面添加事件监听hide
 97 | 			changepwdWebview.addEventListener('hide',function(){
 98 | 				//将所有的之前输入过的密码全部清空
 99 | 				mui.each(inputList,function(index,item){
100 | 					item.value = '';
101 | 				});
102 | 			},false);
103 | 			
104 | 		});
105 | 		
106 | 		//密码修改返回函数
107 | 		function changePwdSuccess(data){
108 | 			if (data.code == '000000') {
109 | 				//成功修改
110 | 				//删除本地user信息
111 | 				//将页面返回显示修改成功需要从新登陆
112 | 				localStorage.removeItem('user');
113 | 				mui.toast('修改成功，需要重新登录');
114 | 				mui.back();
115 | 			}
116 | 		}
117 | 	</script>
118 | 	
119 | </body>
120 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/login.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3不是父子模版，考虑其为模态视图</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		/*下面两项是重置muicss的输入框label和input之间的宽比率*/
 13 |     		.mui-input-row label {
 14 |     			width: 20%;
 15 |     		}
 16 |     		.mui-input-row label~input {
 17 |     			width: 80%;
 18 |     		}
 19 |     		
 20 |     </style>
 21 | </head>
 22 | <body>
 23 | 	
 24 | 	<header class="mui-bar mui-bar-nav">
 25 | 		<button type="button" class="mui-action-back mui-btn  mui-btn-link mui-pull-left own-button" >
 26 | 			<span class="mui-action-back mui-icon mui-icon-left-nav own-left-nav-color"></span>
 27 | 			<span class="own-left-nav-color">取消</span>
 28 | 		</button>
 29 | 		<h1 class="mui-title">登录</h1>
 30 | 	</header>
 31 | 	
 32 | 	<div class="mui-content">
 33 | 		<div style="margin-top: 30px; text-align: center;">
 34 | 			<span class="mui-icon mui-icon-person" style="font-size: 4em; border: 2px solid gray; border-radius: 50%; color: gray;"></span>
 35 | 		</div>
 36 | 		<div class="mui-card" style="margin-top: 20px;">
 37 | 			<form class="mui-input-group">
 38 | 				<div class="mui-input-row">
 39 | 					<label><span class="mui-icon iconfont icon-zhanghao"></span></label>
 40 | 					<input type="text" class="mui-input-clear" value="13881111755" placeholder="请输入手机号或邮箱" />
 41 | 				</div>
 42 | 				<div class="mui-input-row">
 43 | 					<label><span class="mui-icon iconfont icon-mimaxiugai"></span></label>
 44 | 					<input type="password" class="mui-input-clear" value="123456" placeholder="请输入密码" />
 45 | 				</div>
 46 | 			</form>
 47 | 		</div>
 48 | 		<div class="mui-button-row" style="margin: 10px 15px;">
 49 | 			<button id="loginBtn" type="button" class="mui-btn mui-btn-green own-btn-green mui-btn-block " style="padding: 5px 0px;">登录</button>
 50 | 		</div>
 51 | 		<div class="mui-button-row" style="padding-top: 0px;">
 52 | 			<button id="register" type="button" class="mui-btn mui-btn-link own-main-color own-font-size" style="padding-top: 0px; margin-right: 60px; ">快速注册</button>
 53 | 			<button id="repsd" type="button" class="mui-btn mui-btn-link own-font-size" style="padding-top: 0px; margin-left: 60px; color: #FF6A6A;">忘记密码</button>
 54 | 		</div>
 55 | 		
 56 | 		
 57 | 	</div>
 58 | 	
 59 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 60 | 	<script src="../js/own.js" charset="UTF-8"></script>
 61 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 62 | 	<script type="text/javascript" charset="UTF-8">
 63 | 		mui.init({
 64 | 			swipeBack:true
 65 | 		});
 66 | 		
 67 | 		var account;
 68 | 		var psd;
 69 | 		var login;
 70 | 		var register;
 71 | 		var repsd;
 72 | 		
 73 | 		var loginWebview;
 74 | 		mui.plusReady(function(){
 75 | 			
 76 | 			account = document.querySelector('input[type="text"]');
 77 | 			psd = document.querySelector('input[type="password"]');
 78 | 			login = document.getElementById('loginBtn');
 79 | 			register = document.getElementById('register');
 80 | 			repsd = document.getElementById('repsd');
 81 | 			loginWebview = plus.webview.currentWebview();
 82 | 			
 83 | 			//检测本地的登录过的账号。
 84 | 			if (localStorage.getItem('account')) {
 85 | 				account.value = localStorage.getItem('account');
 86 | 			}
 87 | 			
 88 | 			//登陆的点击事件
 89 | 			login.addEventListener('tap',function(){
 90 | 				var toastMSG;
 91 | 				//账号密码检测不能为空
 92 | 				if (account.value.length <= 0) {
 93 | 					toastMSG = '请输入账号';
 94 | 					mui.toast(toastMSG);
 95 | 					return;
 96 | 				}
 97 | 				if (psd.value.length <= 0) {
 98 | 					toastMSG = '密码不能为空';
 99 | 					mui.toast(toastMSG);
100 | 					return;
101 | 				}
102 | 				//登陆联网处理todo之后将页面close
103 | 				ajax_login({
104 | 					pwd:psd.value,
105 | 					user_name:account.value
106 | 				});
107 | 				
108 | 				//添加事件接收close事件，并且要判断是否已经登录成功，然后页面close，因为login页面是预先加载的页面
109 | 				//在这里向需要的页面发送消息事件通知已经登录做响应的处理
110 | 				loginWebview.addEventListener('hide',function(){
111 | 					
112 | 					/*当前需要发送的id 之后会更多
113 | 					[LOG] : HBuilder
114 | 					[LOG] : Mine/login.html
115 | 					[LOG] : baritemHtml/home.html
116 | 					[LOG] : baritemHtml/category.html
117 | 					[LOG] : baritemHtml/xinyuandan.html
118 | 					[LOG] : baritemHtml/cart.html
119 | 					[LOG] : baritemHtml/mine.html
120 | 					[LOG] : template-main.html
121 | 					[LOG] : template-sub.html
122 | 					*/
123 | //					var list = plus.webview.all();
124 | //					mui.each(list,function(index,item){
125 | //						console.log(item.id);
126 | //					});
127 | 					
128 | 					var cartwebview = plus.webview.getWebviewById('baritemHtml/cart.html');
129 | 					var minewebview = plus.webview.getWebviewById('baritemHtml/mine.html');
130 | 					var xinyuandanwebview = plus.webview.getWebviewById('baritemHtml/xinyuandan.html');
131 | 					
132 | 					mui.fire(cartwebview,'loginSuccess',{});
133 | 					mui.fire(minewebview,'loginSuccess',{});
134 | 					mui.fire(xinyuandanwebview,'loginSuccess',{});
135 | 					
136 | 					loginWebview.close();
137 | 				},false);
138 | 				
139 | 			},false);
140 | 			
141 | 			//注册按钮的点击事件
142 | 			register.addEventListener('tap',function(){
143 | 				var aniShow = getaniShow();
144 | 				
145 | 				var list = plus.webview.all();
146 | 				mui.each(list,function(index,item){
147 | 					console.log(item.id);
148 | 				});
149 | 				var HBuilder = plus.webview.getWebviewById('HBuilder');
150 | 				mui.fire(HBuilder,'newWebView',{
151 | 					id:'Mine/register-needtem.html',
152 | 					href:'Mine/register-needtem.html',
153 | 					aniShow:aniShow,
154 | 					title:'注册'
155 | 				});
156 | 			},false);
157 | 			//注册按钮的点击事件
158 | 			repsd.addEventListener('tap',function(){
159 | 				var aniShow = getaniShow();
160 | 				var HBuilder = plus.webview.getWebviewById('HBuilder');
161 | 				console.log(HBuilder.getURL());
162 | 				mui.fire(HBuilder,'newWebView',{
163 | 					id:'Mine/remenberpsd-needtem.html',
164 | 					href:'Mine/remenberpsd-needtem.html',
165 | 					aniShow:aniShow,
166 | 					title:'忘记密码'
167 | 				});
168 | 				
169 | 			},false);
170 | 		});
171 | 		
172 | 		function loginSuccess(data){
173 | 			//将用户信息和account分开存放是有好处的
174 | 			if ('000000' == data.code) {
175 | 				var user = {
176 | 					website_name:data.website_name,
177 | 					website_logo:data.website_logo,
178 | 					website_grade:data.website_grade,
179 | 					website_id:data.website_id
180 | 				}
181 | 				//将两个数据存放起来，第一个是等出之后删除，第二个只要登录之后就会记录保存
182 | 				localStorage.setItem('user',JSON.stringify(user));
183 | 				localStorage.setItem('account',data.account);
184 | 				mui.back();
185 | 				mui.toast('登录成功');
186 | 			}
187 | 		}
188 | 	</script>
189 | </body>
190 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/my-dingdan-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3父子模版</title>
 7 |     
 8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
10 | </head>
11 | <body>
12 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
13 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: gray;"></a>
14 | 		<h1 class="mui-title">我的订单</h1>
15 | 	</header>
16 | 	
17 | 	<div class="mui-content own-content-padding">
18 | 		
19 | 	</div>
20 | 
21 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
22 | 	<script src="../js/own.js" charset="UTF-8"></script>
23 | 	<script type="text/javascript" charset="UTF-8">
24 | 		mui.init({
25 | 			
26 | 		});
27 | 	</script>
28 | 	
29 | </body>
30 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/register-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3父子模版</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 10 |     <style type="text/css">
 11 |     		/*下面两项是重置muicss的输入框label和input之间的宽比率*/
 12 |     		.mui-input-row label {
 13 |     			width: 20%;
 14 |     		}
 15 |     		.mui-input-row label~input {
 16 |     			width: 80%;
 17 |     		}
 18 |     </style>
 19 | </head>
 20 | <body>
 21 | 	
 22 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
 23 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 24 | 		<h1 class="mui-title">注册</h1>
 25 | 	</header>
 26 | 	
 27 | 	<div class="mui-content own-content-padding">
 28 | 		<div class="mui-card" style="margin-top: 30px;">
 29 | 			<form class="mui-input-group">
 30 | 				<div class="mui-input-row">
 31 | 					<label><span class="mui-icon iconfont icon-zhanghao"></span></label>
 32 | 					<input id="account" class="mui-input-clear" type="text" placeholder="输入手机或则邮箱" />
 33 | 				</div>
 34 | 				<div class="mui-input-row">
 35 | 					<label><span class="mui-icon iconfont icon-mimaxiugai"></span></label>
 36 | 					<input id="psd" class="mui-input-clear" type="password" placeholder="输入密码" />
 37 | 				</div>
 38 | 				<div class="mui-input-row">
 39 | 					<label><span class="mui-icon iconfont icon-queren"></span></label>
 40 | 					<input id="repsd" class="mui-input-clear" type="password" placeholder="确认密码" />
 41 | 				</div>
 42 | 			</form>
 43 | 		</div>
 44 | 		<div class="mui-button-row" style="margin: 10px 15px;">
 45 | 			<button type="button" class="mui-btn mui-btn-block own-btn-green" style="padding: 5px 0px;">注册</button>
 46 | 		</div>
 47 | 	</div>
 48 | 	
 49 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 50 | 	<script src="../js/own.js" charset="UTF-8"></script>
 51 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 52 | 	<script type="text/javascript" charset="UTF-8">
 53 | 		mui.init({
 54 | 			swipeBack:true
 55 | 		});
 56 | 		
 57 | 		var account;
 58 | 		var psd;
 59 | 		var repsd;
 60 | 		var registerBtn ;
 61 | 		mui.plusReady(function(){
 62 | 			account = document.getElementById('account');
 63 | 			psd = document.getElementById('psd');
 64 | 			repsd = document.getElementById('repsd');
 65 | 			registerBtn = document.querySelector('button[type="button"]');
 66 | 			
 67 | 			
 68 | 			registerBtn.addEventListener('tap',function(){
 69 | 				if (account.value.length <= 0) {
 70 | 					mui.toast('请输入要注册的账号');
 71 | 					return;
 72 | 				}
 73 | 				if (psd.value.length <= 0){
 74 | 					mui.toast('请输入密码');
 75 | 					return;
 76 | 				}
 77 | 				if (repsd.value.length <= 0 || psd.value != repsd.value	){
 78 | 					mui.toast('两次输入密码必须一致');
 79 | 					return;
 80 | 				}
 81 | 				
 82 | 				//联网注册
 83 | 				ajax_register({
 84 | 					account:account.value,
 85 | 					pwd:repsd.value,
 86 | 					website_id:'1'
 87 | 				});
 88 | 			},false);
 89 | 			
 90 | 		});
 91 | 		
 92 | 		function registerSeccess(data) {
 93 | 			if (data.code == '000000') {
 94 | 				
 95 | 			}
 96 | 		}
 97 | 	</script>
 98 | 	
 99 | </body>
100 | </html>


--------------------------------------------------------------------------------
/E3-server/Mine/remenberpsd-needtem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 |     <title>E3 父子模版</title>
 7 |     
 8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
10 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
11 | 	<style type="text/css">
12 |     		/*下面两项是重置muicss的输入框label和input之间的宽比率*/
13 |     		.mui-input-row label {
14 |     			width: 20%;
15 |     		}
16 |     		.mui-input-row label~input {
17 |     			width: 80%;
18 |     		}
19 |     </style>
20 | </head>
21 | <body>
22 | 	
23 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
24 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
25 | 		<h1 class="mui-title">注册</h1>
26 | 	</header>
27 | 	
28 | 	<div class="mui-content own-content-padding">
29 | 		<div class="mui-card" style="margin-top: 30px;">
30 | 			<form class="mui-input-group">
31 | 				<div class="mui-input-row">
32 | 					<label><span class="mui-icon iconfont icon-zhanghao"></span></label>
33 | 					<input id="account" class="mui-input-clear" type="text" placeholder="输入手机或则邮箱" />
34 | 				</div>
35 | 			</form>
36 | 		</div>
37 | 		<div class="mui-button-row" style="margin: 10px 15px;">
38 | 			<button type="button" class="mui-btn mui-btn-block own-btn-green" style="padding: 5px 0px;">提交</button>
39 | 		</div>
40 | 	</div>
41 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
42 | 	<script src="../js/own.js" charset="UTF-8"></script>
43 | 	<script type="text/javascript" charset="UTF-8">
44 | 		mui.init({
45 | 			swipeBack:true
46 | 		});
47 | 		
48 | 		var uploadBtn;
49 | 		var account;
50 | 		mui.plusReady(function(){
51 | 			account = document.querySelector('input[type="text"]');
52 | 			uploadBtn = document.querySelector('button[type="button"]');
53 | 			
54 | 			uploadBtn.addEventListener('tap',function(){
55 | 				if(account.value.length <= 0){
56 | 					mui.toast('请输入账号');
57 | 					return;
58 | 				}
59 | 				
60 | 				//联网发送信息todo
61 | 			},false);
62 | 		});
63 | 		
64 | 	</script>
65 | </body>
66 | </html>


--------------------------------------------------------------------------------
/E3-server/baritemHtml/category.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3</title>
  7 | 	<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>    
  8 |     <style type="text/css">
  9 |     		.mui-col-xs-4,
 10 |     		.mui-col-xs-8 {
 11 |     			height: 100%;
 12 |     			overflow-y: auto;
 13 |     		}
 14 |     		.mui-segmented-control .mui-control-item {
 15 |     			line-height: 40px;
 16 |     			width: 100%;
 17 |     			text-align: center;
 18 |     			padding-right: 10px;
 19 |     		}
 20 |     		
 21 |     		.mui-segmented-control .mui-control-item img {
 22 |     			width: 25px;
 23 |     			vertical-align: text-bottom;
 24 |     		}
 25 |     		
 26 |     		
 27 | 		.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
 28 | 			background-color: #F9F9F9;
 29 | 			color: #41cea9;
 30 | 		}
 31 | 		
 32 | 		.mui-table-view-cell {
 33 | 			padding: 8px;
 34 | 			text-align: center;
 35 | 			background-color: #F9F9F9;
 36 | 		}
 37 | 		.mui-table-view:after,
 38 | 		.mui-table-view-cell:after {
 39 | 			height: 0px;
 40 | 		}
 41 | 		
 42 | 		.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item,
 43 | 		.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active {
 44 | 			border-bottom: none;
 45 | 		}
 46 | 		
 47 | 		.mui-control-content {
 48 | 			font-size: 0.9em;
 49 | 		}
 50 |     </style>
 51 | </head>
 52 | <body>
 53 | 	
 54 | 	<div class="mui-content mui-row mui-fullscreen">
 55 | 		<div class="mui-col-xs-4" style="background: white;">
 56 | 			<div id="categoryStair" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
 57 | 			</div>
 58 | 		</div>
 59 | 		<div id="categoryMovers" class="mui-col-xs-8" style="background: #F9F9F9;">
 60 | 			<!--<div id="category3387" class="mui-control-content mui-active">
 61 | 				<ul class="mui-table-view">
 62 | 					<li class="mui-table-view-cell">
 63 | 						手机通讯
 64 | 					</li>
 65 | 					<li class="mui-table-view-cell">
 66 | 						电脑数码
 67 | 					</li>
 68 | 					<li class="mui-table-view-cell">
 69 | 						厨房电器
 70 | 					</li>
 71 | 					<li class="mui-table-view-cell">
 72 | 						生活电器
 73 | 					</li>
 74 | 					<li class="mui-table-view-cell">
 75 | 						个人护理
 76 | 					</li>
 77 | 					<li class="mui-table-view-cell">
 78 | 						办公用品
 79 | 					</li>
 80 | 					<li class="mui-table-view-cell">
 81 | 							音像书籍
 82 | 					</li>
 83 | 				</ul>
 84 | 			</div>-->
 85 | 		</div>
 86 | 	</div>
 87 | 	
 88 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 89 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 90 | 	<script src="../js/own.js" charset="UTF-8"></script>
 91 | 	<script type="text/javascript" charset="UTF-8">
 92 | 		mui.init({
 93 | 			swipeBack:false
 94 | 		});
 95 | 		
 96 | 		var categoryWebview;//这个页面的实例
 97 | 		var categoryStair = [];//第一级category数据存储
 98 | 		var categoryMovers = [];//第二级category数据存储
 99 | 		
100 | 		var categoryHtml = [];//html数组
101 | 		
102 | 		var categoryStairHtml;//categoryStair的div
103 | 		var categoryMoversHtml;//categoryMovers的div
104 | 		
105 | 		var parentWebView;//父类
106 | 		mui.plusReady(function(){
107 | 			categoryWebview = plus.webview.currentWebview();
108 | 			categoryStairHtml = document.getElementById('categoryStair');
109 | 			categoryMoversHtml = document.getElementById('categoryMovers');
110 | 			parentWebView = plus.webview.currentWebview().parent();
111 | 			
112 | 			categoryWebview.addEventListener('show',function(){
113 | 				//当页面显示的时候如果已经存在数据就不再请求
114 | 				if (categoryStair.length <= 0) {
115 | 					ajax_get_first_category({
116 | 						status:'THREE'
117 | 					});
118 | 				}
119 | 			},false);
120 | 			
121 | 			//为第一级分类监听点击事件
122 | 			mui('#categoryStair').on('tap','.mui-control-item',function(){
123 | 				var item = this;
124 | 				get_sub_categoryByParentID(item.getAttribute('href').substring(9));
125 | 			});
126 | 			
127 | 			//监听第二级分类的点击事件
128 | 			//监听事件中mui选择的时候最好不要有多个被选择的对象，也就是＃categoryMovers最好只表示一个节点。也就是最好用id
129 | 			mui('#categoryMovers').on('tap','.mui-table-view-cell a',function(){
130 | 				var categoryA = this;
131 | 				var id = 'category/category-detail-needtem.html';
132 | 				var title = categoryA.innerText;
133 | 				var href = 'category/category-detail-needtem.html';
134 | 				var isBars = false;
135 | 				var barsIcon = '';
136 | 				var aniShow = getaniShow();
137 | 				var categoryID = categoryA.getAttribute('href');
138 | 				
139 | 				//弹入分类商品列表
140 | 				mui.fire(parentWebView,'newWebView',{
141 | 					id:id,
142 | 					href:href,
143 | 					aniShow:aniShow,
144 | 					title:title,
145 | 					isBars:isBars,
146 | 					barsIcon:barsIcon,
147 | 					categoryID:categoryID
148 | 				});
149 | 			});
150 | 			
151 | 		});
152 | 		
153 | 		//获取第一级分类成功的回调函数
154 | 		function categoryStairSuccess(data){
155 | 			mui.each(data.result,function(index,item){
156 | 				var indexitem = {};
157 | 				indexitem.id = item.product_category_id;
158 | 				indexitem.name = item.category_name;
159 | 				indexitem.imageurl = 'http://file.huihoo.com/' + item.link_one_image_url
160 | 				categoryStair[index] =  indexitem;
161 | 				
162 | 				var html = '<a class="mui-control-item" href="#category'+categoryStair[index].id+'"><span><img src="'+categoryStair[index].imageurl+'"/>&nbsp&nbsp</span>'+categoryStair[index].name+'</a>';
163 | 				categoryHtml.push(html);
164 | 			});
165 | 			//设置categorystairhtml的innerhtml
166 | 			categoryStairHtml.innerHTML = categoryHtml.join('');
167 | 			//设置初始化第一个的mui-active
168 | 		    document.querySelector('.mui-control-item').classList.add('mui-active');
169 | 			
170 | 			//获取第一个item下的二级分类
171 | 			get_sub_categoryByParentID(categoryStair[0].id);
172 | 			
173 | 			//重置categoryHtml数组
174 | 			categoryHtml = [];
175 | 		}
176 | 		
177 | 		//获取第二级分类成功的回调函数
178 | 		function categoryMoversSuccess(parentID,data) {
179 | 			var categorysub = {};
180 | 			categorysub.parentID = parentID;
181 | 			categorysubarray = [];
182 | 			mui.each(data[parentID],function(index,item){
183 | 				var subitem = {};
184 | 				subitem.categoryID = item.product_category_id;
185 | 				subitem.productName = item.category_name;
186 | 				categorysubarray[index] = subitem;
187 | 			});
188 | 			categorysub.categorysubarray = categorysubarray;
189 | 			//如果已经存在这个id的信息就不在加入
190 | 			var item = get_categoryMoversStateByID(parentID);
191 | 			if (item && item.categorysubarray.length > 0) {
192 | 				return;
193 | 			}
194 | 			
195 | 			categoryMovers.push(categorysub);
196 | 			createSubCategoryHtml(categorysub);
197 | 			setCurSubCategory();
198 | 		}
199 | 		
200 | 		//创建二级分类的html
201 | 		function createSubCategoryHtml(categorysub) {
202 | 			var html = '<div id="category'+categorysub.parentID+'" class="mui-control-content"><ul class="mui-table-view">';
203 | 			mui.each(categorysub.categorysubarray,function(index,item){
204 | 				html = html + '<li class="mui-table-view-cell"><a href ="'+item.categoryID+'">'+item.productName+'</a></li>';
205 | 			});
206 | 			html = html + '</ul></div>';
207 | 			console.log(html);
208 | 			categoryHtml.push(html);
209 | 			
210 | 			categoryMoversHtml.innerHTML = categoryHtml.join('');
211 | 			
212 | 		}
213 | 		
214 | 		//在完成创建二级分裂之后设置当前选中的subcategory
215 | 		function setCurSubCategory() {
216 | 			var stairslist = document.querySelectorAll('.mui-control-item');
217 | 			var moversList = document.querySelectorAll('.mui-control-content');
218 | 			var curItem;
219 | 			for (var i = 0;i < stairslist.length; i++) {
220 | 				if (stairslist[i].classList.contains('mui-active')) {
221 | 					curItem = stairslist[i];
222 | 					break;
223 | 				}
224 | 			}
225 | 			
226 | 			var curstairsID = curItem.getAttribute('href').substring(9);
227 | 			var showItem = null;
228 | 			for (var i = 0; i < moversList.length;i++) {
229 | 				if (moversList[i].id.substring(8) == curstairsID) {
230 | 					showItem = moversList[i];
231 | 					break;
232 | 				}
233 | 			}
234 | 			
235 | 			//如果现在没有content来显示 则马上请求 这个数据
236 | 			if (showItem) {
237 | 				showItem.classList.add('mui-active');
238 | 			}else {
239 | 				get_sub_categoryByParentID(curstairsID);
240 | 			}
241 | 		}
242 | 		
243 | 		
244 | 		//通过parentID获取下面的二级分类
245 | 		function get_sub_categoryByParentID(parentID) {
246 | 			//只有当categoryMovers这个数组中存在这个id并且这个id下面的分类数量大于0才不需要再次请求
247 | 			var item = get_categoryMoversStateByID(parentID);
248 | 			if (item && item.categorysubarray.length > 0) {
249 | 				return;
250 | 			}
251 | 			ajax_get_sub_category({
252 | 				parent_category_id:parentID
253 | 			});
254 | 		}
255 | 		
256 | 		function get_categoryMoversStateByID(parentID) {
257 | 			
258 | 			for (var i = 0 ; i < categoryMovers.length;i++) {
259 | 				if (categoryMovers[i].parentID == parentID) {
260 | 					return categoryMovers[i];
261 | 				}
262 | 			}
263 | 			return null;
264 | 		}
265 | 		
266 | 	</script>
267 | </body>
268 | </html>


--------------------------------------------------------------------------------
/E3-server/baritemHtml/home.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
 10 |     <style type="text/css">
 11 |     		.mui-table-view:after {
 12 |     			height: 0px;
 13 |     		}
 14 |     		
 15 |     		
 16 |     		/*图片显示的时候设置为自动 因为 从服务器来的图片大小相同*/
 17 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
 18 |     			line-height: auto;
 19 |     			max-width: auto;
 20 |     			height: auto;
 21 |     			
 22 |     			border-top-right-radius: 4px; 
 23 |     			border-top-left-radius: 4px;
 24 |     		}
 25 |     		
 26 |     		.mui-table-view-cell {
 27 |     			margin-bottom: 10px;
 28 |     		}
 29 |     		.bgDiv {
 30 |     			border: 1px solid rgba(204,204,204,0.7); 
 31 |     			border-radius: 5px; 
 32 |     			background-color: white;
 33 |     			width: 100%;
 34 |     		}
 35 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
 36 |     			margin-top: 2px;
 37 |     			margin-bottom: 5px;
 38 |     			height: auto;
 39 |     		}
 40 |     		
 41 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p {
 42 |     			white-space:pre;
 43 |     			color: black;
 44 |     		}
 45 |     		
 46 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p.mui-ellipsis-2 {
 47 |     			height: 30px;
 48 |     		}
 49 |     		
 50 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-one {
 51 |     			margin-top: 12px;
 52 |     			float: left;
 53 |     			font-size: 1.1em;
 54 |     			margin-left: 7%;
 55 |     			color: red;
 56 |     			margin-bottom: 10px;
 57 |     		}
 58 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-two {
 59 |     			margin-top: 12px;
 60 |     			float: right;
 61 |     			font-size: 1.1em;
 62 |     			margin-right: 7%;
 63 |     			text-decoration: line-through;
 64 |     		}
 65 |     </style>
 66 | </head>
 67 | <body>
 68 | 	
 69 | 	<div id="homeDiv" class="mui-content own-content-padding">
 70 | 		<div id="productSlider" class="mui-slider">
 71 | 			
 72 | 		</div>
 73 | 		<div id="recommend" class="mui-table-view mui-grid-view own-gray-color">
 74 | 			
 75 | 		</div>
 76 | 	</div>
 77 | 	
 78 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 79 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 80 | 	<script src="../js/own.js" charset="UTF-8"></script>
 81 | 	<script type="text/javascript" charset="UTF-8">
 82 | 		mui.init({
 83 | 			swipeBack:false
 84 | 		});
 85 | 		
 86 | 		
 87 | 		//将ios中独有的东西在android上屏蔽
 88 | 		
 89 | 		var isLoadMarquee = false;
 90 | 		var isLoadRecommend = false;
 91 | 		var currentWebview;
 92 | 		var homeDiv;
 93 | 		var marqueeArray = [];//跑马灯数据数组
 94 | 		var recommendArray = [];//推荐商品数组
 95 | 		mui.plusReady(function(){
 96 | 			currentWebview = plus.webview.currentWebview();
 97 | 			homeDiv = document.getElementById('homeDiv');
 98 | 			//进到这个函数说明plusready可以通信(解决为什么第一个显示的界面不没有触发show函数)
 99 | 			pasueLink();
100 | 			//监听show事件请求数据
101 | 			currentWebview.addEventListener('show',function(){
102 | 				pasueLink();
103 | 			},false);
104 | 			
105 | 			//添加每个item点击的监听事件
106 | 			mui('#recommend').on('tap','a',function(){
107 | 				var item = this;
108 | 				var itemID = this.getAttribute('href');
109 | 				var indexWebview = plus.webview.getWebviewById('HBuilder');
110 | 				var anishow = getaniShow();
111 | 				//弹入分类商品列表
112 | 				mui.fire(indexWebview,'newWebView',{
113 | 					id:'Home/product-detail-needtem.html',
114 | 					href:'Home/product-detail-needtem.html',
115 | 					aniShow:anishow,
116 | 					title:'商品详情',
117 | 					isBars:false,
118 | 					barsIcon:'',
119 | 					product_id:itemID,
120 | 				});
121 | 			});
122 | 		});
123 | 		
124 | 		//与服务器通信
125 | 		function pasueLink(){
126 | 			if (!isLoadMarquee && marqueeArray.length<=0) {
127 | 				//开始请求
128 | 				isLoadMarquee  = true;
129 | 				ajax_get_Marquee({});
130 | 			}
131 | 			if (!isLoadRecommend && recommendArray.length<=0) {
132 | 				isLoadRecommend = true;
133 | 				ajax_get_Recommend();
134 | 			}
135 | 		}
136 | 		
137 | 		function getMarqueeSuccess(data){
138 | 			if (data.code == '000000') {
139 | 				marqueeArray = data.paomadeng;
140 | 				//设置跑马灯
141 | 				setMarquee();
142 | 			}
143 | 			isLoadMarquee = false;
144 | 		}
145 | 		function getRecommendSuccess(data){
146 | 			if (data.code = '000000') {
147 | 				mui.each(data.hotSaleProducts,function(index,item){
148 | 					var dataItem = {};
149 | 					dataItem.product_price = item.product_price;
150 | 					dataItem.product_name = item.product_name;
151 | 					dataItem.large_image_url = item.large_image_url;
152 | 					dataItem.product_id = item.product_id;
153 | 					recommendArray.push(dataItem);
154 | 				});
155 | 				//设置推荐商品
156 | 				setRecommend();
157 | 			}
158 | 			isLoadRecommend = false;
159 | 		}
160 | 		
161 | 		function setMarquee(){
162 | 			var sliderMarquee = document.getElementById('productSlider');
163 | 			var sliderGroup = document.createElement('div');
164 | 			sliderGroup.className = 'mui-slider-group mui-slider-loop';
165 | 			sliderMarquee.appendChild(sliderGroup);
166 | 			var sliderIndicator = document.createElement('div');
167 | 			sliderIndicator.className = 'mui-slider-indicator';
168 | 			sliderMarquee.appendChild(sliderIndicator);
169 | 			
170 | 			for (var i = 0; i < marqueeArray.length; i++) {
171 | 				
172 | 				if (0 == i) {
173 | 					var sliderItemDuplicate = document.createElement('div');
174 | 					sliderItemDuplicate.className = 'mui-slider-item mui-slider-item-duplicate';
175 | 					sliderItemDuplicate.innerHTML = '<a href="'+marqueeArray[marqueeArray.length-1].contentId+'">\
176 | 							<img src="'+marqueeArray[marqueeArray.length-1].imagerpath+'" />\
177 | 						</a>';
178 | 					sliderGroup.appendChild(sliderItemDuplicate);
179 | 				}
180 | 				
181 | 				
182 | 				var sliderItem = document.createElement('div');
183 | 				sliderItem.className = 'mui-slider-item';
184 | 				sliderItem.innerHTML = '<a href="'+marqueeArray[i].contentId+'">\
185 | 						<img src="'+marqueeArray[i].imagerpath+'" />\
186 | 					</a>';
187 | 				sliderGroup.appendChild(sliderItem);
188 | 					
189 | 				var indicatorItme = document.createElement('div');
190 | 				if (i == 0) {
191 | 					indicatorItme.className = 'mui-indicator mui-active';
192 | 				}else {
193 | 					indicatorItme.className = 'mui-indicator';
194 | 				}
195 | 				sliderIndicator.appendChild(indicatorItme);
196 | 				
197 | 				if (marqueeArray.length-1 == i) {
198 | 					var sliderItemDuplicate = document.createElement('div');
199 | 					sliderItemDuplicate.className = 'mui-slider-item mui-slider-item-duplicate';
200 | 					sliderItemDuplicate.innerHTML = '<a href="'+marqueeArray[0].contentId+'">\
201 | 							<img src="'+marqueeArray[0].imagerpath+'" />\
202 | 						</a>';
203 | 					sliderGroup.appendChild(sliderItemDuplicate);
204 | 				}
205 | 				
206 | 				var slider = mui('.mui-slider');
207 | 				slider.slider();
208 | 			}
209 | 		}
210 | 		
211 | 		//设置推荐商品
212 | 		function setRecommend(){
213 | 			var recommend = document.getElementById('recommend');
214 | 			mui.each(recommendArray,function(index,item){
215 | 				var li = document.createElement('li');
216 | 				li.className = 'mui-table-view-cell mui-media mui-col-xs-6';
217 | 				li.innerHTML = '<a href="'+item.product_id+'">\
218 | 					<div class= "bgDiv">\
219 | 						<img class="mui-media-object" src="http://file.huihoo.com'+item.large_image_url+'"/>\
220 | 						<div class="mui-media-body">\
221 | 							<p class="mui-ellipsis-2">'+item.product_name+'</p>\
222 | 							<p class="price-one">¥'+item.product_price.default_price+'</p>\
223 | 							<p class="price-two">¥'+item.product_price.list_price+'</p>\
224 | 						</div>\
225 | 					</div>\
226 | 				</a>';
227 | 				recommend.appendChild(li);
228 | 			});
229 | 		}
230 | 	</script>
231 | 	
232 | </body>
233 | </html>


--------------------------------------------------------------------------------
/E3-server/baritemHtml/mine.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3</title>
  7 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  8 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		.headImg {
 13 |     			padding: 8% 0px 13% 0px;
 14 |     			background: url(../img/bg.jpeg);
 15 |     			background-position: center center; 
 16 |     			background-size: 100% auto;
 17 |     		}
 18 |     		
 19 |     		.touxiang {
 20 |     			text-align: center;
 21 |     		}
 22 |     		.touxiang div {
 23 |     			width: 4em;
 24 |     			height: 4em;
 25 |     			padding: 0px;
 26 |     			border-radius: 50%;
 27 |     			border: 2px solid white;
 28 |     			color: gray;
 29 |     			margin: 0px auto;
 30 |     			margin-bottom: 5px;
 31 |     		}
 32 |     		
 33 |     </style>
 34 | </head>
 35 | <body>
 36 | 	
 37 | 	<div class="mui-content">
 38 | 		
 39 | 		<div class="headImg">
 40 | 			<!--<span id="touxiang" class="mui-btn mui-btn-link mui-icon iconfont icon-zhanghao"></span>-->
 41 | 			<div class="touxiang">
 42 | 				<div >
 43 | 					<span id="touxiangimg"  class="mui-icon mui-icon-person" style="font-size: 3.8em; color: white;"></span> 
 44 | 					<img id="trueimg" src="../img/bg.jpeg"  style="width: 100%; height: 100%; border-radius: 50%;" />	
 45 | 				</div>
 46 | 				<span id="touxiangword">请登录</span>
 47 | 			</div>
 48 | 		</div>
 49 | 		
 50 | 		<ul class="mui-table-view" style="margin-top: 10px;">
 51 | 			<li class="mui-table-view-cell">
 52 | 				<a class="mui-navigate-right" href="../Mine/my-dingdan-needtem.html">
 53 | 					<span class="mui-icon iconfont icon-wodedingdan"></span>
 54 | 					我的订单
 55 | 				</a>
 56 | 			</li>
 57 | 			<li class="mui-table-view-cell">
 58 | 				<a id="changeaddress" class="mui-navigate-right" href="../Mine/change-address-needtem.html">
 59 | 					<span class="mui-icon iconfont icon-dizhi"></span>
 60 | 					修改地址
 61 | 				</a>
 62 | 			</li>
 63 | 		</ul>
 64 | 		<ul class="mui-table-view" style="margin-top: 20px;">
 65 | 			<li class="mui-table-view-cell">
 66 | 				<a class="mui-navigate-right" href="../Mine/changeEmail-needtem.html">
 67 | 					<span class="mui-icon mui-icon-email"></span>
 68 | 					修改邮箱
 69 | 				</a>
 70 | 			</li>
 71 | 			<li class="mui-table-view-cell">
 72 | 				<a class="mui-navigate-right" href="../Mine/changepsd-needtem.html">
 73 | 					<span class="mui-icon mui-icon-locked"></span>
 74 | 					修改密码
 75 | 				</a>
 76 | 			</li>
 77 | 		</ul>
 78 | 		<ul class="mui-table-view" style="margin-top: 20px;">
 79 | 			<li class="mui-table-view-cell">
 80 | 				<a class="mui-navigate-right">
 81 | 					<span class="mui-icon iconfont icon-xiaolian"></span>
 82 | 					用户反馈
 83 | 				</a>
 84 | 			</li>
 85 | 		</ul>
 86 | 		
 87 | 		<ul id="logoutBtn" class="mui-table-view" style="margin-top: 20px;margin-bottom: 20px;">
 88 | 			<li class="mui-table-view-cell" style="text-align: center;">
 89 | 				<span style="color: indianred;">退出登录</span>
 90 | 			</li>
 91 | 		</ul>
 92 | 		
 93 | 	</div>
 94 | 	
 95 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 96 | 	<script src="../js/own.js" charset="UTF-8"></script>
 97 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 98 | 	<script type="text/javascript" charset="UTF-8">
 99 | 		mui.init({
100 | 			swipeBack:false
101 | 		});
102 | 		
103 | 		var aniShow;
104 | 		var parentWebView;
105 | 		var touxiangimg;
106 | 		var logoutBtn;
107 | 		var trueimg;
108 | 		var touxiangword;
109 | 		mui.plusReady(function(){
110 | 			parentWebView = plus.webview.currentWebview().parent();
111 | 			aniShow = getaniShow();
112 | 			touxiangimg = document.getElementById('touxiangimg');
113 | 			logoutBtn = document.getElementById('logoutBtn');
114 | 			trueimg = document.getElementById('trueimg');
115 | 			touxiangword = document.getElementById('touxiangword');
116 | 			
117 | 			//检测是否已经登录
118 | 			if (!localStorage.getItem('user')) {
119 | 				logoutBtn.style.display = 'none';
120 | 				trueimg.style.display = 'none';
121 | 				touxiangimg.style.display = 'inline';
122 | 				touxiangword.style.color = 'indianred';
123 | 			}else {
124 | 				logoutBtn.style.display = 'block';
125 | 				trueimg.style.display = 'inline';
126 | 				touxiangimg.style.display = 'none';
127 | 				var user = JSON.parse(localStorage.getItem('user'));
128 | //				trueimg.src = user.website_logo;
129 | 				trueimg.src = '../img/touxiang.jpg';
130 | 				touxiangword.innerText = user.website_name;
131 | 				touxiangword.style.color = 'black';
132 | 			}
133 | 			
134 | 			mui('.mui-table-view').on('tap','a',function(){
135 | 				var id = this.getAttribute('href');
136 | 				var href = this.href;
137 | 				var title = this.innerText;
138 | 				var isBars = false;
139 | 				var barsIcon = '';
140 | 				
141 | 				//检测已经存在sessionkey否者运行下面的登陆代码
142 | 				if (localStorage.getItem('user')) {
143 | 				}else {
144 | 					href = "Mine/login.html";
145 | 					id = "Mine/login.html";
146 | 					aniShow = 'slide-in-bottom';
147 | 					title = '登录';
148 | 				}
149 | 				
150 | 				if (this.id == 'changeaddress') {
151 | 					isBars = true;
152 | 					barsIcon = 'mui-icon iconfont icon-tianjia';
153 | 				}
154 | 				
155 | 				mui.fire(parentWebView,'newWebView',{
156 | 					id:id,
157 | 					href:href,
158 | 					aniShow:aniShow,
159 | 					title:title,
160 | 					isBars:isBars,
161 | 					barsIcon:barsIcon
162 | 				});
163 | 			});
164 | 			
165 | 			//点击头像登录
166 | 			touxiangimg.addEventListener('tap',function(){
167 | 				if (!localStorage.getItem('user')) {
168 | 					var id = "Mine/login.html";
169 | 					var href = "Mine/login.html";
170 | 					var title = '登录';
171 | 					var aniShow = 'slide-in-bottom';
172 | 					var isBars = false;
173 | 					var barsIcon = '';
174 | 					
175 | 					mui.fire(parentWebView,'newWebView',{
176 | 						id:id,
177 | 						href:href,
178 | 						aniShow:aniShow,
179 | 						title:title,
180 | 						isBars:isBars,
181 | 						barsIcon:barsIcon
182 | 					});
183 | 				}
184 | 			},false);
185 | 			
186 | 			//点击等出
187 | 			logoutBtn.addEventListener('tap',function(){
188 | 				var account = localStorage.getItem('account');
189 | 				ajax_logout({
190 | 					account:account
191 | 				});
192 | 			},false);
193 | 			
194 | 			//接收登录成功事件
195 | 			window.addEventListener('loginSuccess',function(){
196 | 				//登出按钮显示出来 头像图片显示出来名字显示出来
197 | 				logoutBtn.style.display = 'block';
198 | 				touxiangimg.style.display = 'none';
199 | 				trueimg.style.display = 'inline';
200 | 				var user = JSON.parse(localStorage.getItem('user'));
201 | //				trueimg.src = user.website_logo; 
202 | 				trueimg.src = '../img/touxiang.jpg';
203 | 				touxiangword.innerText = user.website_name;
204 | 				touxiangword.style.color = 'black';
205 | 			},false);
206 | 		});
207 | 		
208 | 		//退出登录成功
209 | 		function logoutSuccess(data){
210 | 			mui.toast('已经退出登录，需要重新登录');
211 | 			if (data.code == '000000') {
212 | 				localStorage.removeItem('user');
213 | 				logoutBtn.style.display = 'none';
214 | 				touxiangimg.style.display = 'inline';
215 | 				trueimg.style.display = 'none';
216 | 				touxiangword.innerText = '请登录';
217 | 				touxiangword.style.color = 'indianred';
218 | 			}
219 | 		}
220 | 	</script>
221 | </body>
222 | </html>


--------------------------------------------------------------------------------
/E3-server/baritemHtml/xinyuandan.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3</title>
  7 |     
  8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
 10 |     
 11 |     <style type="text/css">
 12 |     		.mui-table-view .mui-media-object {
 13 | 			line-height: 75px;
 14 | 			max-width: 75px;
 15 | 			height: 75px;
 16 | 		}
 17 | 		.itemName {
 18 | 			color: black;
 19 | 			font-size: 0.9em;
 20 | 		}
 21 | 		
 22 | 		.price {
 23 | 			margin-top: 10px;
 24 | 			font-size: 1em;
 25 | 		}
 26 | 		
 27 | 		.curprice {
 28 | 			color: #41CEA9;
 29 | 		}
 30 | 		.preprice {
 31 | 			color: black;
 32 | 			text-decoration:line-through
 33 | 		}
 34 |     </style>
 35 | </head>
 36 | <body>
 37 | 	
 38 | 	<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 39 | 		<div class="mui-scroll">
 40 | 			<div class="need-login" style="text-align: center; margin-top: 50px; display: none;">
 41 | 				<span style="color: gray; font-size: 0.9em;">你还没有登录</span>
 42 | 				<br />
 43 | 				<button type="button" class="mui-btn own-btn-green" style="margin-top: 10px; padding: 5px 20px;">请登录</button>
 44 | 			</div>
 45 | 			
 46 | 			<ul id="xingyuandanList" class="mui-table-view">
 47 | 				<!--<li class="mui-table-view-cell mui-media">
 48 | 					<div class="mui-slider-right mui-disabled">
 49 | 						<a class="mui-btn mui-btn-danger">删除</a>
 50 | 					</div>
 51 | 					<div class="mui-slider-handle">
 52 | 						<a href="#">
 53 | 							<img class="mui-media-object mui-pull-left" src="http://file.huihoo.com/images/products/SP-10011/large.jpg?t=1438147731554" />
 54 | 							<div class="mui-media-body">
 55 | 								<p class="itemName mui-ellipsis-2">加厚救生圈超弹儿童/成人宝宝泳圈正品四代泳乐宝游泳圈部分包邮"</p>
 56 | 								<p class="price">
 57 | 									<span class="curprice">¥24</span>&nbsp;&nbsp;
 58 | 									<span class="preprice">¥38</span>
 59 | 								</p>
 60 | 							</div>
 61 | 						</a>
 62 | 					</div>
 63 | 				</li>-->
 64 | 			</ul>
 65 | 		</div>
 66 | 		
 67 | 	</div>
 68 | 	
 69 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 70 | 	<script src="../js/own.js" charset="UTF-8"></script>
 71 | 	<script src="../js/ajax.js" charset="UTF-8"></script>
 72 | 	<script src="../js/arttmpl.js" charset="UTF-8"></script>
 73 | 	<script type="text/javascript" charset="UTF-8">
 74 | 		mui.init({
 75 | 			swipeBack:false,
 76 | 			pullRefresh: {
 77 | 				container:'#pullrefresh',
 78 | 				down:{
 79 | 					contentdown:'下拉可刷新',
 80 | 					contentover:'释放立即刷新',
 81 | 					contentrefresh:'正在加载..',
 82 | 					callback:pulldownRefresh
 83 | 				},
 84 | 				up:{
 85 | 					contentrefresh:'正在加载..',
 86 | 					contentnomore:'没有更多数据了',
 87 | 					callback:pullupRefresh
 88 | 				}
 89 | 			}
 90 | 		});
 91 | 		
 92 | 		
 93 | 		var  xinyuandanwebview;//心愿单当前页面
 94 | 		var needlogin;//需要登录div
 95 | 		
 96 | 		var xinyuandanData = [];
 97 | 		var xinyuandanList;//
 98 | 		var isloaded = false;//是否正在请求数据
 99 | 		var li;//将要删除的li删除后设置为null
100 | 		mui.plusReady(function(){
101 | 			
102 | 			xinyuandanwebview = plus.webview.currentWebview();
103 | 			needlogin = document.querySelector('.need-login');
104 | 			xinyuandanList = document.getElementById('xingyuandanList');
105 | 			
106 | 			//为登录按钮添加事件
107 | 			document.querySelector('.need-login button').addEventListener('tap',function(){
108 | 				var parentWebView = plus.webview.currentWebview().parent();
109 | 				var href = "Mine/login.html";
110 | 				var id = "Mine/login.html";
111 | 				var aniShow = 'slide-in-bottom';
112 | 				var title = '登录';
113 | 				
114 | 				mui.fire(parentWebView,'newWebView',{
115 | 					id:id,
116 | 					href:href,
117 | 					aniShow:aniShow,
118 | 					title:title
119 | 				});
120 | 			},false);
121 | 			
122 | 			//添加show事件设置是否需要加载或则更新心愿单
123 | 			xinyuandanwebview.addEventListener('show',function(){
124 | 				if (localStorage.getItem('user')) {
125 | 					needlogin.style.display = 'none';
126 | 					xinyuandanList.style.display = 'block';
127 | 					//加载或则更新心愿单
128 | 					//判断是否数组中已经有值和是否正在请求
129 | 					if (xinyuandanData.length>0 || isloaded) {
130 | 						
131 | 						return;
132 | 					}
133 | 					getlikelist('1');
134 | 				}else {
135 | 					needlogin.style.display = 'block';
136 | 					xinyuandanList.style.display = 'none';
137 | 					xinyuandanList.innerHTML = '';
138 | 					xinyuandanData = [];
139 | 				}
140 | 			},false);
141 | 			
142 | 			//特殊：接收自定义事件登录成功
143 | 			window.addEventListener('loginSuccess',function(){
144 | 				//隐藏登录div
145 | 				needlogin.style.display = 'none';
146 | 				xinyuandanList.style.display = 'block';
				//去加载获取心愿单列表
147 | 				if (xinyuandanData.length>0 || isloaded) {
148 | 					return;
149 | 				}
150 | 				getlikelist('1');
151 | 			},false);
152 | 			
153 | 			mui('#xingyuandanList').on('tap','.mui-btn-danger',function(){
154 | 				var div = this.parentNode;
155 | 				li = div.parentNode;//设置li
156 | 				var idA = li.children[1].children[0];
157 | 				var id = idA.getAttribute('href');
158 | 				//查询数组删除其中的一项。
159 | 				
160 | 				mui.confirm('确认删除？','心愿单',['确认','取消'],function(e){
161 | 					if (e.index == 0) {
162 | 						//服务器删除
163 | 						ajax_delete_likeItem({
164 | 							product_id:id
165 | 						});
166 | 					}
167 | 				});
168 | 			});
169 | 			
170 | 			//添加每个item点击的监听事件
171 | 			mui('#xingyuandanList').on('tap','a',function(){
172 | 				var item = this;
173 | 				var itemID = this.getAttribute('href');
174 | 				var indexWebview = plus.webview.getWebviewById('HBuilder');
175 | 				var anishow = getaniShow();
176 | 				//弹入分类商品列表
177 | 				mui.fire(indexWebview,'newWebView',{
178 | 					id:'Home/product-detail-needtem.html',
179 | 					href:'Home/product-detail-needtem.html',
180 | 					aniShow:anishow,
181 | 					title:'商品详情',
182 | 					isBars:false,
183 | 					barsIcon:'',
184 | 					product_id:itemID,
185 | 				});
186 | 			});
187 | 		});
188 | 		
189 | 		
190 | 		//接收item成功的信息
191 | 		function deleteItemSuccess(data){
192 | 			if (data.code == '000000') {
193 | 				console.log(data.id);
194 | 				if (deleteItemByID(data.id)) {
195 | 					if (li) {
196 | 						li.parentNode.removeChild(li);
197 | 						li = null;
198 | 					}
199 | 				}
200 | 			}
201 | 		}
202 | 		
203 | 		//通过id删除数组中的一条
204 | 		function deleteItemByID(id) {
205 | 			var index = -1;
206 | 			for (var i = 0; i < xinyuandanData.length; i++) {
207 | 				if (xinyuandanData[i].product_id == id) {
208 | 					index = i;
209 | 					break;
210 | 				}
211 | 			}
212 | 			if (index >= 0) {
213 | 				xinyuandanData.splice(index,1);
214 | 				return true;
215 | 			}else {
216 | 				return false;
217 | 			}
218 | 		}
219 | 	
220 | 		
221 | 		function getlikelist(page) {
222 | 			ajax_get_likelist({
223 | 				page:page,
224 | 				page_size:'10'
225 | 			});
226 | 			isloaded = true;
227 | 		}
228 | 		
229 | 		//成功获取心愿列表
230 | 		function likelistSuccess(data){
231 | 			if (data.code == '000000') {
232 | 				mui.each(data.list,function(index,item){
233 | 					xinyuandanData.push(item);
234 | 					var listItem = document.createElement('li');
235 | 					listItem.className = 'mui-table-view-cell mui-media';
236 | 					listItem.innerHTML = '<div class="mui-slider-right mui-disabled"><a class="mui-btn mui-btn-danger">删除</a></div><div class="mui-slider-handle"><a href="'+item.product_id+'"><img  src="'+item.large_image_url+'" class="mui-media-object mui-pull-left"/> <div class="mui-media-body"><p class="itemName mui-ellipsis-2">'+item.product_name+'</p><p class="price"><span class="curprice">¥'+item.default_price+'</span>&nbsp;&nbsp;<span class="preprice">¥'+item.list_price+'</span></p></div></a></div>';
237 | 					xinyuandanList.appendChild(listItem);
238 | 				});
239 | 			}
240 | 			isloaded = false;
241 | 		}
242 | 		
243 | 		function pulldownRefresh() {
244 | 			setTimeout(function(){
245 | 				
246 | 				 mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
247 | 			},1000);
248 | 		}
249 | 		function pullupRefresh(){
250 | 			var copythis = this;
251 | 			setTimeout(function(){
252 | 				copythis.endPullupToRefresh(true|false);
253 | 			});
254 | 		}
255 | 	</script>
256 | 	
257 | </body>
258 | </html>


--------------------------------------------------------------------------------
/E3-server/category/category-detail-needtem.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>category父子模版</title>
  7 |    
  8 |     <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
  9 |     <link rel="stylesheet" type="text/css" href="../css/own.css"/>
 10 |     <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
 11 |     
 12 |     <style type="text/css">
 13 |     		.mui-table-view:after {
 14 |     			height: 0px;
 15 |     		}
 16 |     		
 17 |     		
 18 |     		/*图片显示的时候设置为自动 因为 从服务器来的图片大小相同*/
 19 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {
 20 |     			line-height: auto;
 21 |     			max-width: auto;
 22 |     			height: auto;
 23 |     			
 24 |     			border-top-right-radius: 4px; 
 25 |     			border-top-left-radius: 4px;
 26 |     		}
 27 |     		
 28 |     		.mui-table-view-cell {
 29 |     			margin-bottom: 10px;
 30 |     		}
 31 |     		.bgDiv {
 32 |     			border: 1px solid rgba(204,204,204,0.7); 
 33 |     			border-radius: 5px; 
 34 |     			background-color: white;
 35 |     			width: 100%;
 36 |     		}
 37 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
 38 |     			margin-top: 2px;
 39 |     			margin-bottom: 5px;
 40 |     			height: auto;
 41 |     		}
 42 |     		
 43 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p {
 44 |     			white-space:pre;
 45 |     			color: black;
 46 |     		}
 47 |     		
 48 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body p.mui-ellipsis-2 {
 49 |     			height: 30px;
 50 |     		}
 51 |     		
 52 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-one {
 53 |     			margin-top: 12px;
 54 |     			float: left;
 55 |     			font-size: 1.1em;
 56 |     			margin-left: 7%;
 57 |     			color: red;
 58 |     			margin-bottom: 10px;
 59 |     		}
 60 |     		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body .price-two {
 61 |     			margin-top: 12px;
 62 |     			float: right;
 63 |     			font-size: 1.1em;
 64 |     			margin-right: 7%;
 65 |     			text-decoration: line-through;
 66 |     		}
 67 |     </style>
 68 | </head>
 69 | <body class="own-gray-color">
 70 | 	
 71 | 	<header class="mui-bar mui-bar-nav own-header-hidden">
 72 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left own-left-nav-color"></a>
 73 | 		<h1 class="mui-title">分类</h1>
 74 | 	</header>	
 75 | 	
 76 | 	<div class="mui-content own-content-padding">
 77 | 		<ul id="productsList" class="mui-table-view mui-grid-view own-gray-color" style="margin-top: 0px;">
 78 | 			<!--<li class="mui-table-view-cell mui-media mui-col-xs-6">
 79 | 				<a href="#">
 80 | 					<div class="bgDiv">
 81 | 						<img class="mui-media-object" src="../img/bg.jpeg"/>
 82 | 						<div class="mui-media-body">
 83 | 							<p class="mui-ellipsis-2">解放军我皮肤降温哦放假我就饿假我就饿假我就饿假我就饿假我就饿</p>
 84 | 							<p class="price-one">¥99.0</p>
 85 | 							<p class="price-two">¥188.0</p>
 86 | 						</div>
 87 | 					</div>
 88 | 				</a>
 89 | 			</li>-->
 90 | 		</ul>				
 91 | 	</div>
 92 | 	
 93 | 	<script src="../js/mui.min.js" charset="UTF-8"></script>
 94 | 	<script src="../js/ajax.js" charset=""></script>
 95 | 	<script src="../js/own.js" charset="UTF-8"></script>
 96 | 	
 97 | 	<script type="text/javascript" charset="UTF-8">
 98 | 		mui.init({
 99 | 			swipeBack:true
100 | 		});
101 | 	
102 | 		var datalist = [];//数据数组
103 | 		var listHtml = [];//listhtml数组
104 | 		var productsList;
105 | 		var categorydetailWebview;//当前webview
106 | 		mui.plusReady(function(){
107 | 			categorydetailWebview = plus.webview.currentWebview();
108 | 			productsList = document.getElementById('productsList');
109 | 			
110 | 			//当reday加载之后，因为每次都要重新load所以每次都会调用到这边。
111 | 			//向父页面发送消息获取productID
112 | 			mui.fire(categorydetailWebview.parent(),'getCategoryID',{});
113 | 			//紧接着获取父页面返回的productid事件
114 | 			window.addEventListener('postCategoryID',function(e){
115 | 				console.log('收到返回的productID事件，id为'+e.detail.categoryID);
116 | 				//通过id请求数据
117 | 				ajax_get_product_list({
118 | 					category_id:e.detail.categoryID,
119 | 					page_size:'12',
120 | 					page_num:'1',
121 | 					status:'normal'
122 | 				});
123 | 			},false);
124 | 			
125 | 			//监听页面hide事件，当页面返回的时候将里面的数据清空
126 | 			categorydetailWebview.addEventListener('hide',function(){
127 | 				//将数据清空以及主要显示列表页面的innerhtml设置为''
128 | 				productsList.innerHTML = '';
129 | 				datalist = [];
130 | 				
131 | 			},false);
132 | 			
133 | 			//添加每个item点击的监听事件
134 | 			mui('#productsList').on('tap','a',function(){
135 | 				var item = this;
136 | 				var itemID = this.getAttribute('href');
137 | 				var indexWebview = plus.webview.getWebviewById('HBuilder');
138 | 				var anishow = getaniShow();
139 | 				//弹入分类商品列表
140 | 				mui.fire(indexWebview,'newWebView',{
141 | 					id:'Home/product-detail-needtem.html',
142 | 					href:'Home/product-detail-needtem.html',
143 | 					aniShow:anishow,
144 | 					title:'商品详情',
145 | 					isBars:false,
146 | 					barsIcon:'',
147 | 					product_id:itemID,
148 | 				});
149 | 			});
150 | 		});
151 | 		
152 | 		//成功查询分类列表下的数据
153 | 		function productlistSuccess(data){
154 | 			if (data.code == '000000') {
155 | 				mui.each(data.product_list,function(index,item){
156 | 					var dataItem = {
157 | 						detail_image_url:item.detail_image_url,
158 | 						product_price:item.product_price,
159 | 						product_name:name,
160 | 						product_id:item.product_id
161 | 					};
162 | 					datalist.push(dataItem);
163 | 					var li = document.createElement('li');
164 | 					li.className = 'mui-table-view-cell mui-media mui-col-xs-6';
165 | 					li.innerHTML = '<a href="'+item.product_id+'"><div class= "bgDiv"><img class="mui-media-object" src="http://file.huihoo.com'+item.detail_image_url+'"/><div class="mui-media-body"><p class="mui-ellipsis-2">'+item.product_name+'</p><p class="price-one">¥'+item.product_price.default_price+'</p><p class="price-two">¥'+item.product_price.list_price+'</p></div></div></a>';
166 | 					productsList.appendChild(li);
167 | 				});
168 | 			}else {
169 | 				mui.toast(data.message);
170 | 			}
171 | 		}
172 | 		
173 | 	</script>
174 | </body>
175 | </html>


--------------------------------------------------------------------------------
/E3-server/css/iconfont.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @font-face {
 3 | 	font-family: "iconfont";
 4 |   	src:url('../fonts/iconfont.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
 5 | }
 6 | 
 7 | .iconfont {
 8 |   font-family:"iconfont" !important;
 9 |   font-size:24px;
10 |   font-style:normal;
11 |   -webkit-font-smoothing: antialiased;
12 |   -webkit-text-stroke-width: 0.2px;
13 | }
14 | .icon-xuanze:before { content: "\e610"; }
15 | .icon-add:before { content: "\e60c"; }
16 | .icon-home:before { content: "\e600"; }
17 | .icon-iconfont53:before { content: "\e60f"; }
18 | .icon-wodedingdan:before { content: "\e601"; }
19 | .icon-cart:before { content: "\e603"; }
20 | .icon-xiaolian:before { content: "\e602"; }
21 | .icon-wode:before { content: "\e604"; }
22 | .icon-mimaxiugai:before { content: "\e605"; }
23 | .icon-fenlei:before { content: "\e606"; }
24 | .icon-tianjia:before { content: "\e60e"; }
25 | .icon-tianjia1:before { content: "\e60d"; }
26 | .icon-jiumima:before { content: "\e607"; }
27 | .icon-queren:before { content: "\e60b"; }
28 | .icon-zhanghao:before { content: "\e608"; }
29 | .icon-dizhi:before { content: "\e609"; }
30 | .icon-xinyuandan:before { content: "\e60a"; }
31 | .icon-xuanze1:before { content: "\e611"; }
32 | 


--------------------------------------------------------------------------------
/E3-server/css/mui.picker.all.css:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * 选择列表插件
  3 |  * varstion 2.0.0
  4 |  * by Houfeng
  5 |  * Houfeng@DCloud.io
  6 |  */
  7 | 
  8 | .mui-picker {
  9 |     background-color: #ddd;
 10 |     position: relative;
 11 |     height: 200px;
 12 |     overflow: hidden;
 13 |     border: solid 1px rgba(0, 0, 0, 0.1);
 14 |     -webkit-user-select: none;
 15 |     user-select: none;
 16 |     box-sizing: border-box;
 17 | }
 18 | .mui-picker-inner {
 19 |     box-sizing: border-box;
 20 |     position: relative;
 21 |     width: 100%;
 22 |     height: 100%;
 23 |     overflow: hidden;
 24 |     -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
 25 |     -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
 26 | }
 27 | .mui-pciker-list,
 28 | .mui-pciker-rule {
 29 |     box-sizing: border-box;
 30 |     padding: 0px;
 31 |     margin: 0px;
 32 |     width: 100%;
 33 |     height: 36px;
 34 |     line-height: 36px;
 35 |     position: absolute;
 36 |     left: 0px;
 37 |     top: 50%;
 38 |     margin-top: -18px;
 39 | }
 40 | .mui-pciker-rule-bg {
 41 |     z-index: 0;
 42 |     /*background-color: #cfd5da;*/
 43 | }
 44 | .mui-pciker-rule-ft {
 45 |     z-index: 2;
 46 |     border-top: solid 1px rgba(0, 0, 0, 0.1);
 47 |     border-bottom: solid 1px rgba(0, 0, 0, 0.1);
 48 |     /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
 49 |     /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
 50 | }
 51 | .mui-pciker-list {
 52 |     z-index: 1;
 53 |     -webkit-transform-style: preserve-3d;
 54 |     transform-style: preserve-3d;
 55 |     -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
 56 |     transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
 57 | }
 58 | .mui-pciker-list li {
 59 |     width: 100%;
 60 |     height: 100%;
 61 |     position: absolute;
 62 |     text-align: center;
 63 |     vertical-align: middle;
 64 |     -webkit-backface-visibility: hidden;
 65 |     backface-visibility: hidden;
 66 |     overflow: hidden;
 67 |     box-sizing: border-box;
 68 |     font-size: 16px;
 69 |     font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
 70 |     color: #888;
 71 |     padding: 0px 8px;
 72 |     white-space: nowrap;
 73 |     -webkit-text-overflow: ellipsis;
 74 |     text-overflow: ellipsis;
 75 |     overflow: hidden;
 76 |     cursor: default;
 77 |     visibility: hidden;
 78 | }
 79 | .mui-pciker-list li.highlight,
 80 | .mui-pciker-list li.visible {
 81 |     visibility: visible;
 82 | }
 83 | .mui-pciker-list li.highlight {
 84 |     color: #222;
 85 | }
 86 | .mui-poppicker {
 87 | 	position: fixed;
 88 | 	left: 0px;
 89 | 	width: 100%;
 90 | 	z-index: 999;
 91 | 	background-color: #eee;
 92 | 	border-top: solid 1px #ccc;
 93 | 	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
 94 | 	-webkit-transition: .3s;
 95 | 	bottom: 0px;
 96 | 	-webkit-transform: translateY(300px);
 97 | }
 98 | .mui-poppicker.mui-active {
 99 | 	-webkit-transform: translateY(0px);
100 | }
101 | .mui-android-5-1 .mui-poppicker {
102 | 	bottom: -300px;
103 | 	-webkit-transition-property: bottom;
104 | 	-webkit-transform: none;
105 | }
106 | .mui-android-5-1 .mui-poppicker.mui-active {
107 | 	bottom: 0px;
108 | 	-webkit-transition-property: bottom;
109 | 	-webkit-transform: none;
110 | }
111 | .mui-poppicker-header {
112 | 	padding: 6px;
113 | 	font-size: 14px;
114 | 	color: #888;
115 | }
116 | .mui-poppicker-header .mui-btn {
117 | 	font-size: 12px;
118 | 	padding: 5px 10px;
119 | }
120 | .mui-poppicker-btn-cancel {
121 | 	float: left;
122 | }
123 | .mui-poppicker-btn-ok {
124 | 	float: right;
125 | }
126 | .mui-poppicker-clear {
127 | 	clear: both;
128 | 	height: 0px;
129 | 	line-height: 0px;
130 | 	font-size: 0px;
131 | 	overflow: hidden;
132 | }
133 | .mui-poppicker-body {
134 | 	position: relative;
135 | 	width: 100%;
136 | 	height: 200px;
137 | 	border-top: solid 1px #ddd;
138 | 	/*-webkit-perspective: 1200px;
139 | 	perspective: 1200px;
140 | 	-webkit-transform-style: preserve-3d;
141 | 	transform-style: preserve-3d;*/
142 | }
143 | .mui-poppicker-body .mui-picker {
144 | 	width: 100%;
145 | 	height: 100%;
146 | 	margin: 0px;
147 | 	border: none;
148 | 	float: left;
149 | }
150 | .mui-dtpicker {
151 | 	position: fixed;
152 | 	left: 0px;
153 | 	width: 100%;
154 | 	z-index: 999999;
155 | 	background-color: #eee;
156 | 	border-top: solid 1px #ccc;
157 | 	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
158 | 	-webkit-transition: .3s;
159 | 	bottom: 0px;
160 | 	-webkit-transform: translateY(300px);
161 | }
162 | .mui-dtpicker.mui-active {
163 | 	-webkit-transform: translateY(0px);
164 | }
165 | /*用于将 html body 禁止滚动条*/
166 | 
167 | .mui-dtpicker-active-for-page {
168 | 	overflow: hidden !important;
169 | }
170 | .mui-android-5-1 .mui-dtpicker {
171 | 	bottom: -300px;
172 | 	-webkit-transition-property: bottom;
173 | 	-webkit-transform: none;
174 | }
175 | .mui-android-5-1 .mui-dtpicker.mui-active {
176 | 	bottom: 0px;
177 | 	-webkit-transition-property: bottom;
178 | 	-webkit-transform: none;
179 | }
180 | .mui-dtpicker-header {
181 | 	padding: 6px;
182 | 	font-size: 14px;
183 | 	color: #888;
184 | }
185 | .mui-dtpicker-header button {
186 | 	font-size: 12px;
187 | 	padding: 5px 10px;
188 | }
189 | .mui-dtpicker-header button:last-child {
190 | 	float: right;
191 | }
192 | .mui-dtpicker-body {
193 | 	position: relative;
194 | 	width: 100%;
195 | 	height: 200px;
196 | 	/*border-top: solid 1px #eee;
197 | 	background-color: #fff;*/
198 | }
199 | .mui-ios .mui-dtpicker-body {
200 | 	-webkit-perspective: 1200px;
201 | 	perspective: 1200px;
202 | 	-webkit-transform-style: preserve-3d;
203 | 	transform-style: preserve-3d;
204 | }
205 | .mui-dtpicker-title h5 {
206 | 	display: inline-block;
207 | 	width: 20%;
208 | 	margin: 0px;
209 | 	padding: 8px;
210 | 	text-align: center;
211 | 	border-top: solid 1px #ddd;
212 | 	background-color: #f0f0f0;
213 | 	border-bottom: solid 1px #ccc;
214 | }
215 | .mui-dtpicker .mui-picker {
216 | 	width: 20%;
217 | 	height: 100%;
218 | 	margin: 0px;
219 | 	float: left;
220 | 	border: none;
221 | }
222 | /*年月日时分*/
223 | 
224 | [data-type="datetime"] .mui-picker,
225 | [data-type="time"] .mui-dtpicker-title h5 {
226 | 	width: 20%;
227 | }
228 | [data-type="datetime"] [data-id="picker-h"],
229 | [data-type="datetime"] [data-id="title-h"] {
230 | 	border-left: dotted 1px #ccc;
231 | }
232 | /*年月日*/
233 | 
234 | [data-type="date"] .mui-picker,
235 | [data-type="date"] .mui-dtpicker-title h5 {
236 | 	width: 33.3%;
237 | }
238 | [data-type="date"] [data-id="picker-h"],
239 | [data-type="date"] [data-id="picker-i"],
240 | [data-type="date"] [data-id="title-h"],
241 | [data-type="date"] [data-id="title-i"] {
242 | 	display: none;
243 | }
244 | /*年月日时*/
245 | 
246 | [data-type="hour"] .mui-picker,
247 | [data-type="hour"] .mui-dtpicker-title h5 {
248 | 	width: 25%;
249 | }
250 | [data-type="hour"] [data-id="picker-i"],
251 | [data-type="hour"] [data-id="title-i"] {
252 | 	display: none;
253 | }
254 | [data-type="hour"] [data-id="picker-h"],
255 | [data-type="hour"] [data-id="title-h"] {
256 | 	border-left: dotted 1px #ccc;
257 | }
258 | /*时分*/
259 | 
260 | [data-type="time"] .mui-picker,
261 | [data-type="time"] .mui-dtpicker-title h5 {
262 | 	width: 50%;
263 | }
264 | [data-type="time"] [data-id="picker-y"],
265 | [data-type="time"] [data-id="picker-m"],
266 | [data-type="time"] [data-id="picker-d"],
267 | [data-type="time"] [data-id="title-y"],
268 | [data-type="time"] [data-id="title-m"],
269 | [data-type="time"] [data-id="title-d"] {
270 | 	display: none;
271 | }
272 | /*年月*/
273 | 
274 | [data-type="month"] .mui-picker,
275 | [data-type="month"] .mui-dtpicker-title h5 {
276 | 	width: 50%;
277 | }
278 | [data-type="month"] [data-id="picker-d"],
279 | [data-type="month"] [data-id="picker-h"],
280 | [data-type="month"] [data-id="picker-i"],
281 | [data-type="month"] [data-id="title-d"],
282 | [data-type="month"] [data-id="title-h"],
283 | [data-type="month"] [data-id="title-i"] {
284 | 	display: none;
285 | }


--------------------------------------------------------------------------------
/E3-server/css/mui.picker.css:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 选择列表插件
 3 |  * varstion 2.0.0
 4 |  * by Houfeng
 5 |  * Houfeng@DCloud.io
 6 |  */
 7 | 
 8 | .mui-picker {
 9 |     background-color: #ddd;
10 |     position: relative;
11 |     height: 200px;
12 |     overflow: hidden;
13 |     border: solid 1px rgba(0, 0, 0, 0.1);
14 |     -webkit-user-select: none;
15 |     user-select: none;
16 |     box-sizing: border-box;
17 | }
18 | .mui-picker-inner {
19 |     box-sizing: border-box;
20 |     position: relative;
21 |     width: 100%;
22 |     height: 100%;
23 |     overflow: hidden;
24 |     -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
25 |     -webkit-mask-box-image: linear-gradient(top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
26 | }
27 | .mui-pciker-list,
28 | .mui-pciker-rule {
29 |     box-sizing: border-box;
30 |     padding: 0px;
31 |     margin: 0px;
32 |     width: 100%;
33 |     height: 36px;
34 |     line-height: 36px;
35 |     position: absolute;
36 |     left: 0px;
37 |     top: 50%;
38 |     margin-top: -18px;
39 | }
40 | .mui-pciker-rule-bg {
41 |     z-index: 0;
42 |     /*background-color: #cfd5da;*/
43 | }
44 | .mui-pciker-rule-ft {
45 |     z-index: 2;
46 |     border-top: solid 1px rgba(0, 0, 0, 0.1);
47 |     border-bottom: solid 1px rgba(0, 0, 0, 0.1);
48 |     /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
49 |     /*box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
50 | }
51 | .mui-pciker-list {
52 |     z-index: 1;
53 |     -webkit-transform-style: preserve-3d;
54 |     transform-style: preserve-3d;
55 |     -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
56 |     transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
57 | }
58 | .mui-pciker-list li {
59 |     width: 100%;
60 |     height: 100%;
61 |     position: absolute;
62 |     text-align: center;
63 |     vertical-align: middle;
64 |     -webkit-backface-visibility: hidden;
65 |     backface-visibility: hidden;
66 |     overflow: hidden;
67 |     box-sizing: border-box;
68 |     font-size: 16px;
69 |     font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
70 |     color: #888;
71 |     padding: 0px 8px;
72 |     white-space: nowrap;
73 |     -webkit-text-overflow: ellipsis;
74 |     text-overflow: ellipsis;
75 |     overflow: hidden;
76 |     cursor: default;
77 |     visibility: hidden;
78 | }
79 | .mui-pciker-list li.highlight,
80 | .mui-pciker-list li.visible {
81 |     visibility: visible;
82 | }
83 | .mui-pciker-list li.highlight {
84 |     color: #222;
85 | }


--------------------------------------------------------------------------------
/E3-server/css/mui.picker.min.css:
--------------------------------------------------------------------------------
1 | /**
2 | * 选择列表插件
3 | * varstion 2.0.0
4 | * by Houfeng
5 | * Houfeng@DCloud.io
6 | **/
7 | .mui-pciker-list li,.mui-picker,.mui-picker-inner{box-sizing:border-box;overflow:hidden}.mui-picker{background-color:#ddd;position:relative;height:200px;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.mui-dtpicker,.mui-poppicker{left:0;background-color:#eee;box-shadow:0 -5px 7px 0 rgba(0,0,0,.1);-webkit-transition:.3s;width:100%}.mui-picker-inner{position:relative;width:100%;height:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.mui-pciker-list,.mui-pciker-rule{box-sizing:border-box;padding:0;margin:-18px 0 0;width:100%;height:36px;line-height:36px;position:absolute;left:0;top:50%}.mui-pciker-rule-bg{z-index:0}.mui-pciker-rule-ft{z-index:2;border-top:solid 1px rgba(0,0,0,.1);border-bottom:solid 1px rgba(0,0,0,.1)}.mui-pciker-list{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(750pt) rotateY(0) rotateX(0);transform:perspective(750pt) rotateY(0) rotateX(0)}.mui-pciker-list li{width:100%;height:100%;position:absolute;text-align:center;vertical-align:middle;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1pc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#888;padding:0 8px;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;cursor:default;visibility:hidden}.mui-pciker-list li.highlight,.mui-pciker-list li.visible{visibility:visible}.mui-pciker-list li.highlight{color:#222}.mui-poppicker{position:fixed;z-index:999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.mui-poppicker.mui-active{-webkit-transform:translateY(0)}.mui-android-5-1 .mui-poppicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.mui-android-5-1 .mui-poppicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.mui-poppicker-header{padding:6px;font-size:14px;color:#888}.mui-poppicker-header .mui-btn{font-size:9pt;padding:5px 10px}.mui-poppicker-btn-cancel{float:left}.mui-poppicker-btn-ok{float:right}.mui-poppicker-clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden}.mui-poppicker-body{position:relative;width:100%;height:200px;border-top:solid 1px #ddd}.mui-poppicker-body .mui-picker{width:100%;height:100%;margin:0;border:none;float:left}.mui-dtpicker{position:fixed;z-index:999999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.mui-dtpicker.mui-active{-webkit-transform:translateY(0)}.mui-dtpicker-active-for-page{overflow:hidden!important}.mui-android-5-1 .mui-dtpicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.mui-android-5-1 .mui-dtpicker.mui-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.mui-dtpicker-header{padding:6px;font-size:14px;color:#888}.mui-dtpicker-header button{font-size:9pt;padding:5px 10px}.mui-dtpicker-header button:last-child{float:right}.mui-dtpicker-body{position:relative;width:100%;height:200px}.mui-ios .mui-dtpicker-body{-webkit-perspective:75pc;perspective:75pc;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.mui-dtpicker-title h5{display:inline-block;width:20%;margin:0;padding:8px;text-align:center;border-top:solid 1px #ddd;background-color:#f0f0f0;border-bottom:solid 1px #ccc}[data-type=hour] [data-id=title-i],[data-type=hour] [data-id=picker-i],[data-type=month] [data-id=title-i],[data-type=month] [data-id=picker-d],[data-type=month] [data-id=title-d],[data-type=month] [data-id=picker-h],[data-type=month] [data-id=title-h],[data-type=month] [data-id=picker-i],[data-type=time] [data-id=picker-y],[data-type=time] [data-id=picker-m],[data-type=time] [data-id=picker-d],[data-type=time] [data-id=title-y],[data-type=time] [data-id=title-m],[data-type=time] [data-id=title-d],[data-type=date] [data-id=title-i],[data-type=date] [data-id=picker-h],[data-type=date] [data-id=title-h],[data-type=date] [data-id=picker-i]{display:none}.mui-dtpicker .mui-picker{width:20%;height:100%;margin:0;float:left;border:none}[data-type=hour] [data-id=picker-h],[data-type=hour] [data-id=title-h],[data-type=datetime] [data-id=picker-h],[data-type=datetime] [data-id=title-h]{border-left:dotted 1px #ccc}[data-type=datetime] .mui-picker,[data-type=time] .mui-dtpicker-title h5{width:20%}[data-type=date] .mui-dtpicker-title h5,[data-type=date] .mui-picker{width:33.3%}[data-type=hour] .mui-dtpicker-title h5,[data-type=hour] .mui-picker{width:25%}[data-type=month] .mui-dtpicker-title h5,[data-type=month] .mui-picker,[data-type=time] .mui-dtpicker-title h5,[data-type=time] .mui-picker{width:50%}


--------------------------------------------------------------------------------
/E3-server/css/mui.poppicker.css:
--------------------------------------------------------------------------------
 1 | .mui-poppicker {
 2 | 	position: fixed;
 3 | 	left: 0px;
 4 | 	width: 100%;
 5 | 	z-index: 999;
 6 | 	background-color: #eee;
 7 | 	border-top: solid 1px #ccc;
 8 | 	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
 9 | 	-webkit-transition: .3s;
10 | 	bottom: 0px;
11 | 	-webkit-transform: translateY(300px);
12 | }
13 | .mui-poppicker.mui-active {
14 | 	-webkit-transform: translateY(0px);
15 | }
16 | .mui-android-5-1 .mui-poppicker {
17 | 	bottom: -300px;
18 | 	-webkit-transition-property: bottom;
19 | 	-webkit-transform: none;
20 | }
21 | .mui-android-5-1 .mui-poppicker.mui-active {
22 | 	bottom: 0px;
23 | 	-webkit-transition-property: bottom;
24 | 	-webkit-transform: none;
25 | }
26 | .mui-poppicker-header {
27 | 	padding: 6px;
28 | 	font-size: 14px;
29 | 	color: #888;
30 | }
31 | .mui-poppicker-header .mui-btn {
32 | 	font-size: 12px;
33 | 	padding: 5px 10px;
34 | }
35 | .mui-poppicker-btn-cancel {
36 | 	float: left;
37 | }
38 | .mui-poppicker-btn-ok {
39 | 	float: right;
40 | }
41 | .mui-poppicker-clear {
42 | 	clear: both;
43 | 	height: 0px;
44 | 	line-height: 0px;
45 | 	font-size: 0px;
46 | 	overflow: hidden;
47 | }
48 | .mui-poppicker-body {
49 | 	position: relative;
50 | 	width: 100%;
51 | 	height: 200px;
52 | 	border-top: solid 1px #ddd;
53 | 	/*-webkit-perspective: 1200px;
54 | 	perspective: 1200px;
55 | 	-webkit-transform-style: preserve-3d;
56 | 	transform-style: preserve-3d;*/
57 | }
58 | .mui-poppicker-body .mui-picker {
59 | 	width: 100%;
60 | 	height: 100%;
61 | 	margin: 0px;
62 | 	border: none;
63 | 	float: left;
64 | }


--------------------------------------------------------------------------------
/E3-server/css/own.css:
--------------------------------------------------------------------------------
 1 | 
 2 | .own-left-nav-color {
 3 | 	color: gray;
 4 | }
 5 | 
 6 | .own-main-color {
 7 | 	color: #41cea9;
 8 | }
 9 | 
10 | .own-gray-color {
11 | 	background-color: #EBEBF1;
12 | }
13 | 
14 | .own-black-color {
15 | 	color: black;
16 | }
17 | .own-text-through {
18 | 	text-decoration: line-through;
19 | }
20 | 
21 | .own-main-background-color {
22 | 	background-color: #41cea9;
23 | }
24 | 
25 | .own-header-hidden {
26 | 	display: none!important;
27 | }
28 | 
29 | .own-content-padding {
30 | 	padding-top: 0 !important;
31 | }
32 | 
33 | .own-btn-green {
34 | 	color: #fff;
35 | 	border: 1px solid #41cea9;
36 | 	background-color: #41cea9;
37 | }
38 | 
39 | .own-btn-green.mui-active:enabled,
40 | .own-btn-green:enabled:active {
41 | 	color: #fff;
42 | 	border: 1px solid #41dfa9;
43 | 	background-color: #41dfa9;
44 | }
45 | 
46 | .own-font-size {
47 | 	font-size: 1em;
48 | }
49 | 
50 | 


--------------------------------------------------------------------------------
/E3-server/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/fonts/iconfont.ttf


--------------------------------------------------------------------------------
/E3-server/fonts/mui.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/fonts/mui.ttf


--------------------------------------------------------------------------------
/E3-server/img/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/img/3.jpg


--------------------------------------------------------------------------------
/E3-server/img/bg.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/img/bg.jpeg


--------------------------------------------------------------------------------
/E3-server/img/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/img/bg.png


--------------------------------------------------------------------------------
/E3-server/img/jump.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/img/jump.gif


--------------------------------------------------------------------------------
/E3-server/img/touxiang.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/huihoo/e3-h5/332f109219e852155f448a2594c3c5a94f8d3fd7/E3-server/img/touxiang.jpg


--------------------------------------------------------------------------------
/E3-server/js/ajax.js:
--------------------------------------------------------------------------------
  1 | 
  2 | var new_element=document.createElement("script");
  3 | new_element.setAttribute("type","text/javascript");
  4 | new_element.setAttribute("src","../js/md5.js");// 在这里引入了a.js
  5 | document.body.appendChild(new_element);
  6 | 
  7 | var load_element=document.createElement("script");
  8 | load_element.setAttribute("type","text/javascript");
  9 | load_element.setAttribute("src","../js/load.js");// 在这里引入了a.js
 10 | document.body.appendChild(load_element);
 11 | 
 12 | 
 13 | 	var httpUrl = "http://182.140.244.73:91/gateway/router?";
 14 | 	var app_key = "9e304d4e8df1b74cfa009913198428ab";
 15 | 	var v = "v1.0";
 16 | 	var sign_method = "md5";
 17 | 	var signConstant = "4f4f8dd219bbdde0ae6bbe02be217c3a";
 18 | 	session_key = localStorage.getItem('session_key');
 19 | 	
 20 | 	//获取当前时间戳
 21 | 	function getTimestamp(){
 22 | 		return (Date.parse(new Date())/1000).toString();
 23 | 	}
 24 | 	//获取sign签名 
 25 | 	function getSign(keyOptions){
 26 | 		var sign = signConstant;
 27 | 		var isFirst = false;
 28 | 		for (var  key in keyOptions) {
 29 | 			if (!isFirst) {
 30 | 				sign = sign +key+'='+keyOptions[key];
 31 | 				isFirst = true;
 32 | 			}else {
 33 | 				sign = sign + '&';
 34 | 				sign = sign +key+'='+ keyOptions[key];
 35 | 			}
 36 | 		}
 37 | 		sign = sign + signConstant;
 38 | 		return sign;
 39 | 	}
 40 | 	//获取发送数据的
 41 | 	 function getdata(options,apiName){
 42 | 		var timestamp = getTimestamp();
 43 | 		var sign = hex_md5(getSign(options));
 44 | 		var data = {
 45 | 			app_key:app_key,
 46 | 			method:apiName,
 47 | 			timestamp:timestamp,
 48 | 			v:'v1.0',
 49 | 			sign_method:'md5',
 50 | 			session_key:session_key,
 51 | 			sign:sign,
 52 | 		};
 53 | 		
 54 | 		for (var key in options) {
 55 | 			data[key] = options[key];
 56 | 		}
 57 | 		return data;
 58 | 	}
 59 | 	 
 60 | 	function logData(data){
 61 | 		console.log(JSON.stringify(data));
 62 | 	}
 63 | 	 
 64 | 
 65 | (function(w){
 66 | 	//获取sessionKey
 67 | 	w.ajax_get_SessionKey = function(){
 68 | 		mui.ajax('http://182.140.244.73:91/sessionkey',{
 69 | 			dataType:'json',//服务器返回json格式数据
 70 | 			type:'get',//HTTP请求类型
 71 | 			timeout:10000,//超时时间设置为10秒；
 72 | 			success:function(data){
 73 | 				logData(data);
 74 | 				localStorage.setItem('session_key',data.session_key);
 75 | 				//关闭启动页面
 76 | 				closeStartScreent();
 77 | 			},
 78 | 			error:function(xhr,type,errorThrown){
 79 | 				
 80 | 			}
 81 | 		});
 82 | 	};
 83 | 	
 84 | 	//用户注册
 85 | 	w.ajax_register = function(options){
 86 | 		var data = getdata(options,'com.huihoo.user.register');
 87 | 		mui.ajax(httpUrl,{
 88 | 			data:data,
 89 | 			dataType:'json',//服务器返回json格式数据
 90 | 			type:'post',//HTTP请求类型
 91 | 			timeout:10000,//超时时间设置为10秒；
 92 | 			success:function(data){
 93 | 				logData(data);
 94 | 				registerSeccess(data);
 95 | 			},
 96 | 			error:function(xhr,type,errorThrown){
 97 | 				
 98 | 			}
 99 | 		});
100 | 	}
101 | 	
102 | 	
103 | 	//用户登陆
104 | 	w.ajax_login = function(options){
105 | 		var data = getdata(options,'com.huihoo.user.login');
106 | 		mui.ajax(httpUrl,{
107 | 			data:data,
108 | 			dataType:'json',//服务器返回json格式数据
109 | 			type:'post',//HTTP请求类型
110 | 			timeout:10000,//超时时间设置为10秒；
111 | 			success:function(data){
112 | 				logData(data);
113 | 				data.account = options.user_name;
114 | 				loginSuccess(data);
115 | 			},
116 | 			error:function(xhr,type,errorThrown){
117 | 				
118 | 			}
119 | 		});
120 | 	}
121 | 	
122 | 	
123 | 	//修改密码
124 | 	w.ajax_change_pwd = function(options){
125 | 		var data = getdata(options,'com.huihoo.user.change_pwd');
126 | 		mui.ajax(httpUrl,{
127 | 			data:data,
128 | 			dataType:'json',//服务器返回json格式数据
129 | 			type:'post',//HTTP请求类型
130 | 			timeout:10000,//超时时间设置为10秒；
131 | 			success:function(data){
132 | 				logData(data);
133 | 				changePwdSuccess(data);
134 | 			},
135 | 			error:function(xhr,type,errorThrown){
136 | 				
137 | 			}
138 | 		});
139 | 	}
140 | 	
141 | 	//退出登录
142 | 	w.ajax_logout = function(options){
143 | 		var data = getdata(options,'com.huihoo.user.loginout');
144 | 		mui.ajax(httpUrl,{
145 | 			data:data,
146 | 			dataType:'json',//服务器返回json格式数据
147 | 			type:'get',//HTTP请求类型
148 | 			timeout:10000,//超时时间设置为10秒；
149 | 			success:function(data){
150 | 				logData(data);
151 | 				logoutSuccess(data);
152 | 			},
153 | 			error:function(xhr,type,errorThrown){
154 | 				
155 | 			}
156 | 		});
157 | 	}
158 | 	
159 | 	//获取分类第一级
160 | 	w.ajax_get_first_category = function(options) {
161 | 		startLoad();
162 | 		var data = getdata(options,'com.huihoo.category.first_category');
163 | 		mui.ajax(httpUrl,{
164 | 			data:data,
165 | 			dataType:'json',//服务器返回json格式数据
166 | 			type:'get',//HTTP请求类型
167 | 			timeout:10000,//超时时间设置为10秒；
168 | 			success:function(data){
169 | 				
170 | 				logData(data);
171 | 				setTimeout(function(){
172 | 					endLoad();
173 | 					categoryStairSuccess(data);
174 | 				},500);
175 | 			},
176 | 			error:function(xhr,type,errorThrown){
177 | 				
178 | 			}
179 | 		});
180 | 	}
181 | 	
182 | 	//获取分类第二级
183 | 	w.ajax_get_sub_category = function(options){
184 | 		startLoad();
185 | 		var data = getdata(options,'com.huihoo.category.sub_category');
186 | 		mui.ajax(httpUrl,{
187 | 			data:data,
188 | 			dataType:'json',//服务器返回json格式数据
189 | 			type:'get',//HTTP请求类型
190 | 			timeout:10000,//超时时间设置为10秒；
191 | 			success:function(data){
192 | 				logData(data);
193 | 				setTimeout(function(){
194 | 					endLoad();
195 | 					categoryMoversSuccess(options.parent_category_id,data);
196 | 				},500);
197 | 				
198 | 			},
199 | 			error:function(xhr,type,errorThrown){
200 | 				
201 | 			}
202 | 		});
203 | 	}
204 | 	
205 | 	//获取分类产品
206 | 	w.ajax_get_product_list = function(options){
207 | 		startLoad();
208 | 		var data = getdata(options,'com.huihoo.product.product_list');
209 | 		mui.ajax(httpUrl,{
210 | 			data:data,
211 | 			dataType:'json',//服务器返回json格式数据
212 | 			type:'get',//HTTP请求类型
213 | 			timeout:10000,//超时时间设置为10秒；
214 | 			success:function(data){
215 | 				logData(data);
216 | 				setTimeout(function(){
217 | 					endLoad();
218 | 					productlistSuccess(data);
219 | 				},500);
220 | 				
221 | 				
222 | 			},
223 | 			error:function(xhr,type,errorThrown){
224 | 				
225 | 			}
226 | 		});
227 | 	}
228 | 	
229 | 	//查询用户喜欢的商品
230 | 	w.ajax_get_likelist = function(options){
231 | 		startLoad();
232 | 		var data = getdata(options,'com.huihoo.user.collect_list');
233 | 		mui.ajax(httpUrl,{
234 | 			data:data,
235 | 			dataType:'json',//服务器返回json格式数据
236 | 			type:'get',//HTTP请求类型
237 | 			timeout:10000,//超时时间设置为10秒；
238 | 			success:function(data){
239 | 				logData(data);
240 | 				setTimeout(function(){
241 | 					endLoad();
242 | 					likelistSuccess(data);
243 | 				},500);
244 | 				
245 | 				
246 | 			},
247 | 			error:function(xhr,type,errorThrown){
248 | 				
249 | 			}
250 | 		});
251 | 	}
252 | 	
253 | 	//删除喜欢的商品
254 | 	w.ajax_delete_likeItem = function(options){
255 | 		startLoad();
256 | 		var data = getdata(options,'com.huihoo.user.delete_collect');
257 | 		mui.ajax(httpUrl,{
258 | 			data:data,
259 | 			dataType:'json',//服务器返回json格式数据
260 | 			type:'get',//HTTP请求类型
261 | 			timeout:10000,//超时时间设置为10秒；
262 | 			success:function(data){
263 | 				logData(data);
264 | 				data.id = options.product_id;
265 | 				setTimeout(function(){
266 | 					endLoad();
267 | 					deleteItemSuccess(data);
268 | 				},500);
269 | 				
270 | 			},
271 | 			error:function(xhr,type,errorThrown){
272 | 				
273 | 			}
274 | 		});
275 | 		
276 | 	}
277 | 	
278 | 	//商品详情
279 | 	w.ajax_get_product_detail = function(options){
280 | 		startLoad();
281 | 		var data = getdata(options,'com.huihoo.product.product_detail');
282 | 		mui.ajax(httpUrl,{
283 | 			data:data,
284 | 			dataType:'json',//服务器返回json格式数据
285 | 			type:'get',//HTTP请求类型
286 | 			timeout:10000,//超时时间设置为10秒；
287 | 			success:function(data){
288 | 				logData(data);
289 | 				data.id = options.product_id;
290 | 				setTimeout(function(){
291 | 					endLoad();
292 | 					productDetailSuccess(data);
293 | 				},500);
294 | 				
295 | 				
296 | 			},
297 | 			error:function(xhr,type,errorThrown){
298 | 				
299 | 			}
300 | 		});
301 | 	}
302 | 	
303 | 	//获取首页跑马灯
304 | 	w.ajax_get_Marquee = function(options){
305 | 		var data = getdata(options,'com.huihoo.content.paomadeng');
306 | 		mui.ajax(httpUrl,{
307 | 			data:data,
308 | 			dataType:'json',
309 | 			type:'get',
310 | 			timeout:10000,
311 | 			success:function(data){
312 | 				logData(data);
313 | 				setTimeout(function(){
314 | 					endLoad();
315 | 					getMarqueeSuccess(data);
316 | 				},500);
317 | 				
318 | 			},
319 | 			error:function(xhr,type,errorThrown){
320 | 				
321 | 			}
322 | 		});
323 | 	}
324 | 	//获取推荐商品
325 | 	w.ajax_get_Recommend = function(options){
326 | 		startLoad();
327 | 		var data = getdata(options,'com.huihoo.product.get_hot_products');
328 | 		mui.ajax(httpUrl,{
329 | 			data:data,
330 | 			dataType:'json',
331 | 			type:'get',
332 | 			timeout:10000,
333 | 			success:function(data){
334 | 				logData(data);
335 | 				setTimeout(function(){
336 | 					endLoad();
337 | 					getRecommendSuccess(data);
338 | 				},500);
339 | 				
340 | 				
341 | 			},
342 | 			error:function(xhr,type,errorThrown){
343 | 				
344 | 			}
345 | 		});
346 | 	}
347 | 	
348 | 	
349 | })(window);
350 | 


--------------------------------------------------------------------------------
/E3-server/js/load.js:
--------------------------------------------------------------------------------
 1 | 	//添加数据加载时候的动画
 2 | 	 var dataload = null;
 3 | 	 var body = document.getElementsByTagName('body')[0];
 4 | 	 //开始加载
 5 | 	 function startLoad(){
 6 | 	 	if (!dataload) {
 7 | 	 		dataload = document.createElement('div');
 8 | 	 		dataload.style.position = 'absolute';
 9 | 	 		dataload.style.width = '100%';
10 | 	 		dataload.style.textAlign = 'center';
11 | 			dataload.style.top = '70px';
12 | 			dataload
13 | 	 		
14 | 	 		dataload.style.zIndex = 1000000;
15 | 	 		body.appendChild(dataload);
16 | 	 		
17 | 	 		
18 | 	 		var span = document.createElement('span');
19 | 	 		span.innerHTML = '<a>\
20 | 				<span ><img src="../img/jump.gif" style="max-width:2em; height:auto;"/></span>\
21 | 			</a>\
22 | 			<br />\
23 | 			<span>加载中...</span>';
24 | 			span.style.fontSize = '0.8em';
25 | 			span.style.textAlign = 'center';
26 | 			span.style.color = 'gray';
27 | 	 		dataload.appendChild(span);
28 | 	 		
29 | 	 	}else {
30 | 	 		dataload.style.display = 'block';
31 | 	 	}
32 | 	 }
33 | 	 //结束加载
34 | 	 function endLoad(){
35 | 	 	dataload.style.display = 'none';
36 | 	 }


--------------------------------------------------------------------------------
/E3-server/js/own.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | (function(own){
 4 | 	
 5 | 	//当页面hide的时候将其中的页面close掉
 6 | 	own.closeChildWebviewOfhide = function(currentWebview,closedWebviewId){
 7 | 		currentWebview.addEventListener('hide',function(){
 8 | 			
 9 | 			var closeWeb = plus.webview.getWebviewById(closedWebviewId);
10 | 			
11 | 			if (!currentWebview.getURL() ||!closeWeb ) {
12 | 				return;
13 | 			}
14 | 			closeWeb.close();
15 | 			closeWeb = null;
16 | 		},false);
17 | 	}
18 | 	//当页面close的时候将其中的页面close掉
19 | 	own.closeChildWebviewOfclose = function(currentWebview,closedWebviewId){
20 | 		currentWebview.addEventListener('close',function(){
21 | 			var closeWeb = plus.webview.getWebviewById(closedWebviewId);
22 | 			if (!currentWebview.getURL() ||!closeWeb ) {
23 | 				return;
24 | 			}
25 | 			closeWeb.close();
26 | 			closeWeb = null;
27 | 		},false);
28 | 	}
29 | 	
30 | 	//一般情况下设置anishow
31 | 	own.getaniShow = function(){
32 | 		var aniShow = 'pop-in';
33 | 		if (mui.os.android) {
34 | 			var androidlist = document.querySelectorAll('ios-only');
35 | 			if (androidlist) {
36 | 				mui.each(androidlist,function(num,obj){
37 | 					obj.style.display = 'none';
38 | 				});
39 | 			}
40 | 			
41 | 			if (parseFloat(mui.os.version) < 4.4) {
42 | 				aniShow = 'slide-in-right';
43 | 			}
44 | 		}
45 | 		
46 | 		return aniShow;
47 | 	}
48 | })(window);
49 | 


--------------------------------------------------------------------------------
/E3-server/js/wl_ajax.js:
--------------------------------------------------------------------------------
 1 | 
 2 | 
 3 | var new_element=document.createElement("script");
 4 | new_element.setAttribute("type","text/javascript");
 5 | new_element.setAttribute("src","../js/ajax.js");// 在这里引入了a.js
 6 | document.body.appendChild(new_element);
 7 | 
 8 | (function(w){
 9 | 	
10 | 	//获取购物车信息
11 | 	w.ajax_get_cart = function(options) {
12 | 		startLoad();
13 | 		var data = getdata(options,'com.huihoo.shopping.get_cart_items');
14 | 		mui.ajax(httpUrl,{
15 | 			
16 | 			data:data,
17 | 			dataType:'json',
18 | 			type:'get',
19 | 			timeout:1000,
20 | 			success:function(data) {
21 | 				logData();
22 | 				setTimeout(function(){
23 | 					endLoad();
24 | 					getCartItem(data);
25 | 				});
26 | 			},
27 | 			error:function(xhr,type,errorThrown) {
28 | 				
29 | 			}
30 | 		});
31 | 	}
32 | })(window);
33 | 


--------------------------------------------------------------------------------
/E3-server/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"@platforms": ["android", "iPhone", "iPad"],
  3 | 	"id": "H5AA14495",/*应用的标识，创建应用时自动生成，勿手动修改*/
  4 | 	"name": "E3",/*应用名称，程序桌面图标名称*/
  5 | 	"version": {
  6 | 		"name": "1.0.0",/*应用版本名称*/
  7 | 		"code": "83"
  8 | 	},
  9 | 	"description": "",/*应用描述信息*/
 10 | 	"icons": {
 11 | 		"72": "icon.png"
 12 | 	},
 13 | 	"launch_path": "index.html",/*应用的入口页面，默认为根目录下的index.html；支持网络地址，必须以http://或https://开头*/
 14 | 	"developer": {
 15 | 		"name": "",/*开发者名称*/
 16 | 		"email": "",/*开发者邮箱地址*/
 17 | 		"url": "http://www.dcloud.io"
 18 | 	},
 19 | 	"permissions": {
 20 | 		"Accelerometer": {
 21 |             "description": "访问加速度感应器"
 22 |         },
 23 |         "Audio": {
 24 |             "description": "访问麦克风"
 25 |         },
 26 |         "Cache": {
 27 |             "description": "管理应用缓存"
 28 |         },
 29 |         "Camera": {
 30 |             "description": "访问摄像头"
 31 |         },
 32 |         "Console": {
 33 |             "description": "跟踪调试输出日志"
 34 |         },
 35 |         "Contacts": {
 36 |             "description": "访问系统联系人信息"
 37 |         },
 38 |         "Device": {
 39 |             "description": "访问设备信息"
 40 |         },
 41 |         "Downloader": {
 42 |             "description": "文件下载管理"
 43 |         },
 44 |         "Events": {
 45 |             "description": "应用扩展事件"
 46 |         },
 47 |         "File": {
 48 |             "description": "访问本地文件系统"
 49 |         },
 50 |         "Gallery": {
 51 |             "description": "访问系统相册"
 52 |         },
 53 |         "Geolocation": {
 54 |             "description": "访问位置信息"
 55 |         },
 56 |          "Invocation": {
 57 |             "description": "使用Native.js能力"
 58 |         },
 59 |         "Messaging": {
 60 |             "description": "访问通讯能力"
 61 |         },
 62 |         "Orientation": {
 63 |             "description": "访问方向感应器"
 64 |         },
 65 |         "Proximity": {
 66 |             "description": "访问距离感应器"
 67 |         },
 68 |         "Storage": {
 69 |             "description": "管理应用本地数据"
 70 |         },
 71 |         
 72 |         "Uploader": {
 73 |             "description": "管理文件上传任务"
 74 |         },
 75 |         "Runtime": {
 76 |             "description": "访问运行期环境"
 77 |         },
 78 |         "XMLHttpRequest": {
 79 |             "description": "跨域网络访问"
 80 |         },
 81 |         "Zip": {
 82 |             "description": "文件压缩与解压缩"
 83 |         },
 84 |         "Barcode": {
 85 |             "description": "管理二维码扫描插件"
 86 |         },
 87 |         "Maps": {
 88 |             "description": "管理地图插件"
 89 |         },
 90 |         "Speech": {
 91 |             "description": "管理语音识别插件"
 92 |         },
 93 |         "Webview":{
 94 |         	"description": "窗口管理"
 95 |         },
 96 |         "NativeUI":{
 97 |         	"description": "原生UI控件"
 98 |         },
 99 |         "Navigator":{
100 |         	"description": "浏览器信息"
101 |         },
102 |         "NativeObj":{
103 |         	"description": "原生对象"
104 |         }
105 | 	},
106 | 	"plus": {
107 | 		"splashscreen": {
108 | 			"autoclose": false,/*是否自动关闭程序启动界面，true表示应用加载应用入口页面后自动关闭；false则需调plus.navigator.closeSplashscreen()关闭*/
109 | 			"waiting": true
110 | 		},
111 | 		"runmode": "liberate",/*应用的首次启动运行模式，可取liberate或normal，liberate模式在第一次启动时将解压应用资源（Android平台File API才可正常访问_www目录）*/
112 | 		"signature": "Sk9JTiBVUyBtYWlsdG86aHIyMDEzQGRjbG91ZC5pbw==",/*可选，保留给应用签名，暂不使用*/
113 | 		"distribute": {
114 | 			"apple": {
115 | 				"appid": "",/*iOS应用标识，苹果开发网站申请的appid，如io.dcloud.HelloH5*/
116 | 				"mobileprovision": "",/*iOS应用打包配置文件*/
117 | 				"password": "",/*iOS应用打包个人证书导入密码*/
118 | 				"p12": "",/*iOS应用打包个人证书，打包配置文件关联的个人证书*/
119 | 				"devices": "universal",/*iOS应用支持的设备类型，可取值iphone/ipad/universal*/
120 | 				"frameworks": []
121 | 			},
122 | 			"google": {
123 | 				"packagename": "",/*Android应用包名，如io.dcloud.HelloH5*/
124 | 				"keystore": "",/*Android应用打包使用的密钥库文件*/
125 | 				"password": "",/*Android应用打包使用密钥库中证书的密码*/
126 | 				"aliasname": "",/*Android应用打包使用密钥库中证书的别名*/
127 | 				"permissions": ["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"com.android.launcher.permission.UNINSTALL_SHORTCUT\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>","<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>","<uses-permission android:name=\"com.android.launcher.permission.INSTALL_SHORTCUT\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.CALL_PHONE\"/>","<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>","<uses-feature android:name=\"android.hardware.camera\"/>","<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]
128 | 			},
129 | 			"orientation": ["portrait-primary", "portrait-secondary"],/*应用支持的方向，portrait-primary：竖屏正方向；portrait-secondary：竖屏反方向；landscape-primary：横屏正方向；landscape-secondary：横屏反方向*/
130 | 			"icons": {
131 | 				"ios": {
132 | 					"prerendered": true, /*应用图标是否已经高亮处理，在iOS6及以下设备上有效*/
133 | 					"auto": "", /*应用图标，分辨率：512x512，用于自动生成各种尺寸程序图标*/
134 | 					"iphone": {
135 | 						"normal": "",/*iPhone普通屏幕程序图标，分辨率：57x57*/
136 | 						"retina": "",/*iPhone高分屏程序图标，分辨率：114x114*/
137 | 						"retina7": "",/*iPhone iOS7高分屏程序图标，分辨率：120x120*/
138 | 						"spotlight-normal": "", /*iPhone Spotlight搜索程序图标，分辨率：29x29*/
139 | 						"spotlight-retina": "", /*iPhone高分屏Spotlight搜索程序图标，分辨率：58x58*/
140 | 						"spotlight-retina7": "",/*iPhone iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/
141 | 						"settings-normal": "", /*iPhone设置页面程序图标，分辨率：29x29*/
142 | 						"settings-retina": ""
143 | 					},
144 | 					"ipad": {
145 | 						"normal": "", /*iPad普通屏幕程序图标，分辨率：72x72*/
146 | 						"retina": "", /*iPad高分屏程序图标，分辨率：144x144*/
147 | 						"normal7": "", /*iPad iOS7程序图标，分辨率：76x76*/
148 | 						"retina7": "", /*iPad iOS7高分屏程序图标，分辨率：152x152*/
149 | 						"spotlight-normal": "", /*iPad Spotlight搜索程序图标，分辨率：50x50*/
150 | 						"spotlight-retina": "", /*iPad高分屏Spotlight搜索程序图标，分辨率：100x100*/
151 | 						"spotlight-normal7": "",/*iPad iOS7 Spotlight搜索程序图标，分辨率：40x40*/
152 | 						"spotlight-retina7": "",/*iPad iOS7高分屏Spotlight搜索程序图标，分辨率：80x80*/
153 | 						"settings-normal": "",/*iPad设置页面程序图标，分辨率：29x29*/
154 | 						"settings-retina": ""
155 | 					}
156 | 				},
157 | 				"android": {
158 | 					"mdpi": "", /*普通屏程序图标，分辨率：48x48*/
159 | 					"ldpi": "", /*大屏程序图标，分辨率：48x48*/
160 | 					"hdpi": "", /*高分屏程序图标，分辨率：72x72*/
161 | 					"xhdpi": "",/*720P高分屏程序图标，分辨率：96x96*/
162 | 					"xxhdpi": ""
163 | 				}
164 | 			},
165 | 			"splashscreen": {
166 | 				"ios": {
167 | 					"iphone": {
168 | 						"default": "", /*iPhone3启动图片选，分辨率：320x480*/
169 | 						"retina35": "",/*3.5英寸设备(iPhone4)启动图片，分辨率：640x960*/
170 | 						"retina40": ""
171 | 					},
172 | 					"ipad": {
173 | 						"portrait": "", /*iPad竖屏启动图片，分辨率：768x1004*/
174 | 						"portrait-retina": "",/*iPad高分屏竖屏图片，分辨率：1536x2008*/
175 | 						"landscape": "", /*iPad横屏启动图片，分辨率：1024x748*/
176 | 						"landscape-retina": "", /*iPad高分屏横屏启动图片，分辨率：2048x1496*/
177 | 						"portrait7": "", /*iPad iOS7竖屏启动图片，分辨率：768x1024*/
178 | 						"portrait-retina7": "",/*iPad iOS7高分屏竖屏图片，分辨率：1536x2048*/
179 | 						"landscape7": "", /*iPad iOS7横屏启动图片，分辨率：1024x768*/
180 | 						"landscape-retina7": ""
181 | 					}
182 | 				},
183 | 				"android": {
184 | 					"mdpi": "", /*普通屏启动图片，分辨率：240x282*/
185 | 					"ldpi": "", /*大屏启动图片，分辨率：320x442*/
186 | 					"hdpi": "", /*高分屏启动图片，分辨率：480x762*/
187 | 					"xhdpi": "", /*720P高分屏启动图片，分辨率：720x1242*/
188 | 					"xxhdpi": ""
189 | 				}
190 | 			}
191 | 		}
192 | 	}
193 | }


--------------------------------------------------------------------------------
/E3-server/product-detail-tem.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 6 | 	<title>模版界面</title>
 7 |     <link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
 8 |     <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
 9 |     <link rel="stylesheet" type="text/css" href="css/own.css"/>
10 |     		
11 |     <style type="text/css">
12 |     		.mui-icon-left-nav,
13 |     		.mui-bar-nav h1,
14 |     		.mui-pull-right {
15 |     			color: gray;
16 |     		}
17 |     		.mui-content {
18 |     			font-size: 0.8em;
19 |     			color: gray;
20 |     			text-align: center;
21 |     		}
22 |     </style>
23 | </head>
24 | <body>
25 | 	
26 | 	<header class="mui-bar mui-bar-nav">
27 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
28 | 		<h1 class="mui-title">商品详情</h1>
29 | 	</header>
30 | 	
31 | 	
32 | 	<div class="mui-content">
33 | 		<div style="margin-top: 70px;">
34 | 			<a>
35 | 				<span ><img src="img/jump.gif" style="max-width:2em; height:auto;"/></span>
36 | 			</a>
37 | 			<br />
38 | 			<span>加载中...</span>
39 | 		</div>
40 | 	</div>
41 | 	
42 | 	<script src="js/ajax.js" charset="UTF-8"></script>
43 | 	<script src="js/mui.min.js" charset="UTF-8"></script>
44 | 	<script src="js/own.js" charset="UTF-8"></script>
45 | 	<script type="text/javascript" charset="UTF-8">
46 | 		mui.init({
47 | 			swipeBack:true
48 | 		});
49 | 		
50 | 		var detailsub;
51 | 		var self;
52 | 		var product_id;
53 | 		mui.plusReady(function(){
54 | 			self = plus.webview.currentWebview();
55 | 			detailsub = self.children()[0];
56 | 			
57 | 			
58 | 			window.addEventListener('detailTemplate',function(e){
59 | 				product_id = e.detail.product_id;
60 | 				if (mui.os.android&&e.detail.aniShow&&parseFloat(mui.os.version)>=4.4) {
61 | 					if (!detailsub) {
62 | 						detailsub = self.children()[0];
63 | 					}
64 | 					console.log(JSON.stringify(e.detail));
65 | 					detailsub.loadURL(e.detail.id);
66 | 					self.show(e.detail.aniShow);
67 | 				}
68 | 			},false);
69 | 			
70 | 			//接收子页面获取productid事件，然后返回事件
71 | 			window.addEventListener('getproductid',function(){
72 | 				console.log('收到获取productid事件')
73 | 				mui.fire(detailsub,'postproductid',{
74 | 					product_id:product_id
75 | 				});
76 | 			},false);
77 | 		});
78 | 	</script> 
79 | </body>
80 | </html>


--------------------------------------------------------------------------------
/E3-server/template-main.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6 |     <title>E3</title>
  7 |     	<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
  8 |     	<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
  9 |     	
 10 |     	<style type="text/css">
 11 |     		.mui-icon-left-nav,
 12 |     		.mui-bar-nav h1,
 13 |     		.mui-pull-right {
 14 |     			color: gray;
 15 |     		}
 16 |     		.mui-content {
 17 |     			font-size: 0.8em;
 18 |     			color: gray;
 19 |     			text-align: center;
 20 |     		}
 21 |     	</style>
 22 | </head>
 23 | <body>
 24 | 	<header class="mui-bar mui-bar-nav">
 25 | 		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 26 | 		<h1 class="mui-title">模版界面</h1>
 27 | 		<!--<h1 class="mui-title" >
 28 | 			<input type="text" placeholder="222" style="height: 30px;"/>
 29 | 		</h1>-->
 30 | 		<a id="rightBar" class="mui-icon mui-icon-personadd mui-pull-right"></a>
 31 | 	</header>
 32 | 	
 33 | 	<div class="mui-content">
 34 | 		<div style="margin-top: 70px;">
 35 | 			<a>
 36 | 				<span ><img src="img/jump.gif" style="max-width:2em; height:auto;"/></span>
 37 | 			</a>
 38 | 			<br />
 39 | 			<span>加载中...</span>
 40 | 		</div>
 41 | 	</div>
 42 | 	
 43 | 	<script src="js/mui.min.js" charset="UTF-8"></script>
 44 | 	<script type="text/javascript" charset="UTF-8">
 45 | 		mui.init({
 46 | 			swipeBack:true
 47 | 		});
 48 | 		
 49 | 		var contentWebview = null; var self = null;
 50 | 		var title;
 51 | 		var rightBar;
 52 | 		var categoryID;//某些特殊的页面需要
 53 | 		mui.plusReady(function(){
 54 | 			
 55 | 			
 56 | 			//获取dom节点
 57 | 			self = plus.webview.currentWebview();
 58 | 			title = document.querySelector('.mui-title');
 59 | 			rightBar = document.getElementById('rightBar');
 60 | 			
 61 | 			
 62 | 			//为rightbars添加事件
 63 | 			rightBar.addEventListener('tap',function(){
 64 | 				if (contentWebview == null) {
 65 | 					contentWebview = self.children()[0];
 66 | 				}
 67 | 				mui.fire(contentWebview,'pressRightBar',{
 68 | 					
 69 | 				});
 70 | 			},false);
 71 | 			
 72 | 			//接收templateFire事件
 73 | 			window.addEventListener('templateFire',function(options){
 74 | 				title.innerText = options.detail.title;
 75 | 				var id = options.detail.id;
 76 | 				var aniShow = options.detail.aniShow;
 77 | 				var href = options.detail.target;
 78 | 				var isBars = options.detail.isBars;
 79 | 				var barsIcon = options.detail.barsIcon;
 80 | 				categoryID = options.detail.categoryID;
 81 | 				
 82 | 				console.log(title.innerText +aniShow +href +isBars + barsIcon);
 83 | 				
 84 | 				if (isBars) {
 85 | 					rightBar.style.display = 'inline';
 86 | 					rightBar.className = barsIcon + ' mui-pull-right';
 87 | 					
 88 | 				}else {
 89 | 					rightBar.style.display = 'none';
 90 | 				}
 91 | 				if (mui.os.android&&aniShow&&parseFloat(mui.os.version)>=4.4) {
 92 | 					if (contentWebview == null) {
 93 | 						contentWebview = self.children()[0];
 94 | 					}
 95 | 					
 96 | 					var str = contentWebview.getURL();
 97 | 					var index = str.indexOf('www/');
 98 | 					str = str.substring(index+4);
 99 | 					if ((!~id.indexOf('category-detail') && !~id.indexOf('goods-detail') )&&(contentWebview.getURL() == href || str == href)) {
100 | 						console.log("loaded");
101 | 						contentWebview.show();
102 | 					}else {
103 | 						console.log("new load");
104 | 						contentWebview.loadURL(href);
105 | 					}
106 | 					self.show(aniShow);
107 | 				}
108 | 			},false);
109 | 			
110 | 			//接收子页面的获取categoryID的事件
111 | 			window.addEventListener('getCategoryID',function(e){
112 | 				console.log('收到获取productID的事件');
113 | 				if (contentWebview == null) {
114 | 					contentWebview = self.children()[0];
115 | 				}
116 | 				mui.fire(contentWebview,'postCategoryID',{
117 | 					categoryID:categoryID
118 | 				});
119 | 			},false);
120 | 		});
121 | 	</script>
122 | 	
123 | </body>
124 | </html>


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | BSD License
 2 | 
 3 | For E3 HTML5 App
 4 | 
 5 | Copyright (c) 2015, Huihoo, Inc. All rights reserved.
 6 | 
 7 | Redistribution and use in source and binary forms, with or without modification,
 8 | are permitted provided that the following conditions are met:
 9 | 
10 |  * Redistributions of source code must retain the above copyright notice, this
11 |    list of conditions and the following disclaimer.
12 | 
13 |  * Redistributions in binary form must reproduce the above copyright notice,
14 |    this list of conditions and the following disclaimer in the documentation
15 |    and/or other materials provided with the distribution.
16 | 
17 |  * Neither the name Facebook nor the names of its contributors may be used to
18 |    endorse or promote products derived from this software without specific
19 |    prior written permission.
20 | 
21 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
22 | ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
23 | WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
24 | DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
25 | ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
26 | (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
27 | LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
28 | ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
29 | (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
30 | SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | 灰狐E3 HTML5 App
 2 | 
 3 | #### 简介
 4 | 
 5 | 一款基于HTML5，HTML5+的移动电商App 
 6 | 
 7 | 灰狐E3 http://e3.huihoo.com
 8 | 
 9 | #### 版本
10 | * 单机版(E3-demo)：用于评估和测试 (2016.06-)
11 | * 服务器版(E3-server)：用于生产部署 (2016.07-)
12 | 注：目前版本，因为缺少后端服务器支持，暂无法正常演示，仅供参考。
13 | 
14 | #### 编译运行
15 | * [下载安装HBuilder](http://www.dcloud.io) 
16 | * git clone https://github.com/huihoo/e3-h5
17 | * 将clone的包内容拖到HBuilder中，可运行调试
18 | * 打包.apk或.ipa直接部署到真机，只有几M大小 
19 | * 现在就下载安装[Android App](http://download.huihoo.com/huihoo/e3/e3-html5.apk)或[iOS App](http://download.huihoo.com/huihoo/e3/e3-html5.ipa)
20 | 
21 | ![发行App](http://wiki.huihoo.com/images/a/a7/Hbuilder-distribution-app.png)
22 | 
23 | #### 技术特色
24 | * 预加载的使用，让页面的切换变的流畅，解决浏览器的天生白屏。
25 | * 父子模版解决页面拖动回弹的效果。
26 | * 多处配合一般webview页面的使用，可以在ios和android上平滑运行，体验度在接受范围内。
27 | 
28 | #### [为什么选择h5＋？ 为什么选择mui？](https://github.com/dcloudio/mui)
29 | * 跨平台，一套代码两个平台，也是在现在跨平台方法中开发过程中出问题最少的一种方式。
30 | * 由[html中国产业开发者联盟](http://www.html5plus.org/doc/h5p.html)h5+规范提供了很好的原生调用的api。
31 | * mui解决了h5在移动开发中存在的性能和体验的硬伤。
32 | 
33 | #### 功能
34 | * 用户注册、登录、忘记密码
35 | * 商品分类、搜索、心愿单
36 | * 商品详情
37 | * 商品评价、供货商、商品推荐
38 | * 购物车、商品会按卖家分组显示
39 | * 用户中心
40 | 
41 | #### HBuilder
42 | ![hbuilder](http://wiki.huihoo.com/images/7/70/HBuilder-Huihoo-E3-HTML5-04.png)
43 | 
44 | #### App Screen
45 | 
46 | iPhone
47 | 
48 | ![e3](http://wiki.huihoo.com/images/d/d3/E3-html5-ios-01.png)
49 | 
50 | ![e3](http://wiki.huihoo.com/images/d/d6/E3-html5-ios-03.png)
51 | 
52 | Android手机
53 | 
54 | ![e3](http://wiki.huihoo.com/images/b/bc/E3-html5-android-05.jpg)
55 | 
56 | ![e3](http://wiki.huihoo.com/images/b/b0/E3-html5-android-07.jpg)
57 | 
58 | 许可协议：BSD License.
59 | 


--------------------------------------------------------------------------------