You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.4 KiB
74 lines
2.4 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/> |
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> |
|
<meta name="apple-mobile-web-app-capable" content="yes"/> |
|
<title>Custom SpinWheel</title> |
|
|
|
<script type="text/javascript" src="../deviceTheme.js" data-dojo-config="mblThemeFiles: ['base','SpinWheel']"></script> |
|
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script> |
|
|
|
<script type="text/javascript"> |
|
require([ |
|
"dojox/mobile/parser", |
|
"dojox/mobile", |
|
"dojox/mobile/compat", |
|
"dojox/mobile/SpinWheel" |
|
]); |
|
</script> |
|
|
|
<style> |
|
#spin1 { |
|
width: 304px; |
|
margin: 10px auto; |
|
} |
|
#pt { |
|
width: 20px; |
|
} |
|
#txt { |
|
width: 10px; |
|
margin-left: -15px; |
|
padding-top: 85px; |
|
font-size: 24px; |
|
font-weight: bold; |
|
border: none; |
|
} |
|
</style> |
|
</head> |
|
<body style="visibility:hidden;"> |
|
<div data-dojo-type="dojox.mobile.View"> |
|
<h1 data-dojo-type="dojox.mobile.Heading">Custom SpinWheel</h1> |
|
<div id="spin1" data-dojo-type="dojox.mobile.SpinWheel"> |
|
<div data-dojo-type="dojox.mobile.SpinWheelSlot" |
|
data-dojo-props="labels:['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']" |
|
style="text-align:center;width:40px;"></div> |
|
<div data-dojo-type="dojox.mobile.SpinWheelSlot" |
|
data-dojo-props='labelFrom:3000, labelTo:3100' |
|
style="width:70px;"></div> |
|
<div id="pt" class="mblSpinWheelSlot"></div> |
|
<div id="txt" class="mblSpinWheelSlot">.</div> |
|
<div data-dojo-type="dojox.mobile.SpinWheelSlot" |
|
data-dojo-props='labelFrom:0, labelTo:9' |
|
style="width:30px;"></div> |
|
<div data-dojo-type="dojox.mobile.SpinWheelSlot" |
|
data-dojo-props="labels:['pt','px','cm']" |
|
style="width:50px;"></div> |
|
<div data-dojo-type="dojox.mobile.SpinWheelSlot" |
|
data-dojo-props="labels:[ |
|
'<img src=images/i-icon-1.png>', |
|
'<img src=images/i-icon-2.png>', |
|
'<img src=images/i-icon-3.png>', |
|
'<img src=images/i-icon-4.png>', |
|
'<img src=images/i-icon-5.png>', |
|
'<img src=images/i-icon-6.png>', |
|
'<img src=images/i-icon-7.png>', |
|
'<img src=images/i-icon-8.png>', |
|
'<img src=images/i-icon-9.png>', |
|
'<img src=images/i-icon-10.png>' |
|
]" |
|
style="width:70px;text-align: center;"></div> |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|