Browse Source

时间控件只显示年,更改图像

lipengtao 8 years ago
parent
commit
59144a9128

+ 306 - 7
app/css/mui.picker.min.css

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

+ 2 - 1
app/html/resinforupdate.html

@ -33,7 +33,7 @@
33 33
    	<div class="mui-content">
34 34
    		<!-- 主界面具体展示内容 -->
35 35
    		<div class="mui-input-group mainbox restopblock">
36
    			<div class="resouimgbox" style="margin: auto;text-align: center;">
36
    			<div class="resouimgbox" style="margin: auto;text-align: center;" id="userimg">
37 37
					<img class="headRadius" src="../images/default-resource.jpg"/>
38 38
					<span style="font-size:13px; color:#999999;">点击上传资源图片</span>
39 39
				</div>
@ -110,6 +110,7 @@
110 110
		<script src=" ../js/public/mui.min.js"></script>
111 111
		<script src="../js/public/zepto.min.js"></script>
112 112
		<script src="../js/public/base.js"></script>
113
		<script src="../js/public/upload-avatar.js"></script>
113 114
		<script type="text/javascript" src="../js/resinforupdate.js"></script>		
114 115
		
115 116
	</body>

+ 2 - 2
app/html/updateinfo10.html

@ -26,7 +26,7 @@
26 26
						<li><label>发表年份</label></li>
27 27
						<li class="basicfrm">
28 28
							<span type="number" name="year" class="mui-input-clear frmtype" id="eduYear"></span>
29
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"month","beginYear":1900,"endYear":2016}'></span>
29
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"year","beginYear":1900,"endYear":2016}'></span>
30 30
						</li>
31 31
						<li><label>详细描述</label></li>
32 32
						<li class="basicfrm">
@ -45,7 +45,7 @@
45 45
		</div>
46 46
		<script src="../js/public/mui.min.js"></script>
47 47
		<script src="../js/public/zepto.min.js"></script>
48
		<script src="../js/public/mui.picker.min.js"></script>
48
		<script src="../js/public/mui.picker.all.js"></script>
49 49
		<script src="../js/public/base.js"></script>
50 50
		<script type="text/javascript" src="../js/updateinfo10.js"></script>
51 51
	</body>

+ 2 - 2
app/html/updateinfo11.html

@ -26,7 +26,7 @@
26 26
						<li><label>获奖年份</label></li>
27 27
						<li class="basicfrm">
28 28
							<span type="number" name="year" class="mui-input-clear frmtype" id="eduYear"></span>
29
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"month","beginYear":1900,"endYear":2016}'></span>
29
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"year","beginYear":1900,"endYear":2016}'></span>
30 30
						</li>
31 31
						<li><label>详细描述</label></li>
32 32
						<li class="basicfrm">
@ -45,7 +45,7 @@
45 45
		</div>
46 46
		<script src="../js/public/mui.min.js"></script>
47 47
		<script src="../js/public/zepto.min.js"></script>
48
		<script src="../js/public/mui.picker.min.js"></script>
48
		<script src="../js/public/mui.picker.all.js"></script>
49 49
		<script src="../js/public/base.js"></script>
50 50
		<script type="text/javascript" src="../js/updateinfo11.js"></script>
51 51
	</body>

+ 2 - 2
app/html/updateinfo6.html

@ -39,7 +39,7 @@
39 39
						<li><label>毕业年份</label></li>
40 40
						<li class="basicfrm">
41 41
							<span type="number" name="gradyear" class="mui-input-clear frmtype" id="eduYear"></span>
42
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"month","beginYear":1900,"endYear":2016}'></span>
42
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"year","beginYear":1900,"endYear":2016}'></span>
43 43
						</li>
44 44
					</ul>
45 45
			        
@ -51,7 +51,7 @@
51 51
		</div>
52 52
		<script src="../js/public/mui.min.js"></script>
53 53
		<script src="../js/public/zepto.min.js"></script>
54
		<script src="../js/public/mui.picker.min.js"></script>
54
		<script src="../js/public/mui.picker.all.js"></script>
55 55
		<script src="../js/public/base.js"></script>
56 56
		<script type="text/javascript" src="../js/updateinfo6.js"></script>	
57 57
	</body>

+ 2 - 2
app/html/updateinfo9.html

@ -26,7 +26,7 @@
26 26
						<li><label>发表年份</label></li>
27 27
						<li class="basicfrm">
28 28
							<span type="number" name="year" class="mui-input-clear frmtype" id="eduYear"></span>
29
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"month","beginYear":1900,"endYear":2016}'></span>
29
							<span class="mui-icon mui-icon-arrowdown downarrow btn" data-options='{"type":"year","beginYear":1900,"endYear":2016}'></span>
30 30
						</li>
31 31
						<li><label>详细描述</label></li>
32 32
						<li class="basicfrm">
@ -47,7 +47,7 @@
47 47
		</div>
48 48
		<script src="../js/public/mui.min.js"></script>
49 49
		<script src="../js/public/zepto.min.js"></script>
50
		<script src="../js/public/mui.picker.min.js"></script>
50
		<script src="../js/public/mui.picker.all.js"></script>
51 51
		<script src="../js/public/base.js"></script>
52 52
		<script type="text/javascript" src="../js/updateinfo9.js"></script>
53 53
	</body>

+ 1 - 2
app/js/proinforupdate.js

@ -282,8 +282,7 @@ mui.ready(function() {
282 282
			var web = plus.webview.create("../html/proinforupdate-more.html", "proinforupdate-more.html"); //后台创建webview并打开show.html   	    	
283 283
			web.addEventListener("loaded", function() {}, false);
284 284
		});
285
		personalMessage();
286
		resource();
285
		personalMessage();		
287 286
	});
288 287
});
289 288


+ 24 - 11
app/js/public/upload-avatar.js

@ -3,10 +3,16 @@ var userimg = document.getElementById("userimg");
3 3
var flag;
4 4

5 5
mui.plusReady(function() {
6
	var ws=plus.webview.currentWebview();
7
	var web=plus.webview.getWebviewById("html/proinforupdate.html");
8
	if(ws==web) {
9
		flag=0;
6
	var ws = plus.webview.currentWebview();
7
	var resourceId = ws.resourceId;
8
	console.log(resourceId)
9
	var web = plus.webview.getWebviewById("html/proinforupdate.html");
10
	var web1 = plus.webview.getWebviewById("resinforupdate.html");
11
	if(ws == web) {
12
		flag = 0;
13
	}
14
	if(ws == web1) {
15
		flag = 1;
10 16
	}
11 17
	userimg.addEventListener("tap", function() {
12 18
		if(mui.os.plus) {
@ -41,7 +47,7 @@ mui.plusReady(function() {
41 47
		var c = plus.camera.getCamera();
42 48
		c.captureImage(function(e) {
43 49
			plus.io.resolveLocalFileSystemURL(e, function(entry) {
44
				
50

45 51
				mui.openWindow({
46 52
					url: '../html/picture-upload.html',
47 53
					id: 'html/picture-upload.html',
@ -50,7 +56,8 @@ mui.plusReady(function() {
50 56
					},
51 57
					extras: {
52 58
						imgurl: entry.toLocalURL(),
53
						flag:flag
59
						flag: flag,
60
						resourceId: resourceId
54 61
					}
55 62
				});
56 63
			}, function(e) {
@ -77,18 +84,24 @@ mui.plusReady(function() {
77 84

78 85
	function changeToLocalUrl(path) {
79 86
		plus.io.resolveLocalFileSystemURL(path, function(entry) {
80
			var imgvar='<img src="'+entry.toLocalURL()+'" style="width:100%"/>'; 
81
			console.log(imgvar) 
82
	         document.getElementById('imgshow').innerHTML=imgvar;
87
			var filPage = plus.webview.getWebviewById('../html/fillinfo.html');
88
			var dyPage = plus.webview.currentWebview();
89
			if(dyPage == filPage) {
90
				var imgvar = '<img src="' + entry.toLocalURL() + '" style="width:100%"/>';
91
				//console.log(imgvar) 
92
				document.getElementById('imgshow').innerHTML = imgvar;
93
			}
94

83 95
			mui.openWindow({
84 96
				url: '../html/picture-upload.html',
85 97
				id: 'html/picture-upload.html',
86 98
				show: {
87
					aniShow: "slide-in-right"					
99
					aniShow: "slide-in-right"
88 100
				},
89 101
				extras: {
90 102
					imgurl: entry.toLocalURL(),
91
					flag:flag
103
					flag: flag,
104
					resourceId: resourceId
92 105
				}
93 106
			});
94 107
		});