Accueil Explorer Aide
S'inscrire Connexion
xielq
/
diymall-water
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: ff45eda213
Branches Tags
diymall-water
/
WebRoot
/
wap
/
diy.htm

diy.htm 6.2 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <title>橘力定制</title>
    6. 

  6.     <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    7. 

  7.     <meta name="format-detection" content="telephone=no">
    8. 

  8.     <link rel="stylesheet" href="/wap/css/mui.min.css">
    9. 

  9.     <link href="/wap/css/wDiy.css" rel="stylesheet"/>
    10. 

  10.     <link rel="stylesheet" href="/www/css/font.css">
    11. 

  11. </head>
    12. 

  12. <body>
    13. 

  13. 	<input value="${id!}" type="hidden" id="diyId"/>
    14. 

  14. 	<input value="${type!}" type="hidden" id="diytype"/>
    15. 

  15. 	<input value="${bottle.img_url!}" type="hidden" id="bottle_img_url"/>
    16. 

  16. 	<input value="${bottle.id!}" type="hidden" id="bottle_id"/>
    17. 

  17. 	
    18. 

  18. 	<img src="/www/image/xz.png" id="djsy_rotate"/>
    19. 

  19. 	<div class="wap_content">
    20. 

  20. 		<div class="diy_canvas_wrap">
    21. 

  21. 			<canvas id="diy"></canvas>
    22. 

  22. 		</div>
    23. 

  23. 	</div>
    24. 

  24. 	<!--调整层级-->
    25. 

  25. 	<div class="djys-align-wrap djys-align-ani clearfix" id="view_ward">
    26. 

  26. 		<div class="djys-align-item" data-key="2">顶层</div>
    27. 

  27. 		<div class="djys-align-item" data-key="0">上一层</div>
    28. 

  28. 		<div class="djys-align-item" data-key="1">下一层</div>
    29. 

  29. 		<div class="djys-align-item" data-key="3">底层</div>
    30. 

  30. 	</div>
    31. 

  31. 	<!-- 字体 -->
    32. 

  32. 	<div class="djsy-text-edit-wrap">
    33. 

  33. 		<div class="djsy-text-edit">
    34. 

  34. 			<div class="djsy-text-edit-nav">
    35. 

  35. 				<div class="djsy-text-edit-nav-left">颜色</div>
    36. 

  36. 				<div class="djsy-text-edit-nav-right">
    37. 

  37. 					<div class="djsy-text-edit-fontFamily">
    38. 

  38. 						<a href="#djsy_text_edit_popover" id="showFont">微软雅黑</a>
    39. 

  39. 					</div>
    40. 

  40. 				</div>
    41. 

  41. 			</div>
    42. 

  42. 			<div class="djsy-color-content clearfix">
    43. 

  43. 				<div class="djsy-color-default clearfix" id="djsy_color_default">
    44. 

  44. 					<span data-color="#60b329" style="background:#60b329"></span>
    45. 

  45. 					<span data-color="#29b3a1" style="background:#29b3a1"></span>
    46. 

  46. 					<span data-color="#2987b3" style="background:#2987b3"></span>
    47. 

  47. 					<span data-color="#a8b329" style="background:#a8b329"></span>
    48. 

  48. 					<span data-color="#7429b3" style="background:#7429b3"></span>
    49. 

  49. 					<span data-color="#b35a29" style="background:#b35a29"></span>
    50. 

  50. 					<span data-color="#ae29b3" style="background:#ae29b3"></span>
    51. 

  51. 					<span data-color="#29b3a1" style="background:#29b3a1"></span>
    52. 

  52. 					<span data-color="#b32977" style="background:#b32977"></span>
    53. 

  53. 					<span data-color="#29b38a" style="background:#29b38a"></span>
    54. 

  54. 				</div>
    55. 

  55. 				<a href="#djsy_text_color_panel" class="djsy-color-panel">
    56. 

  56. 					<i class="iconfont">&#xe63d;</i>
    57. 

  57. 				</a>
    58. 

  58. 			</div>
    59. 

  59. 		</div>
    60. 

  60. 	</div>
    61. 

  61. 	<!-- 颜色框下拉 -->
    62. 

  62. 	<div id="djsy_text_color_panel" class="mui-popover djsy-mui-popover">
    63. 

  63. 		<div class="mui-scroll-wrapper">
    64. 

  64. 			<div id="djsy_text_color_panel_content"></div>
    65. 

  65. 		</div>
    66. 

  66. 		<div class="mui-popover-arrow"></div>
    67. 

  67. 	</div>
    68. 

  68. 	<div id="djsy_text_edit_popover" class="mui-popover djsy-mui-popover">
    69. 

  69. 		<div class="mui-scroll-wrapper">
    70. 

  70. 			<div class="mui-scroll">
    71. 

  71. 				<ul class="mui-table-view" id="changeFont">
    72. 

  72. 					<li class="mui-table-view-cell" data-val="微软雅黑">
    73. 

  73. 						<div class="wrya">微软雅黑</div>
    74. 

  74. 					</li>
    75. 

  75. 					<li class="mui-table-view-cell" data-val="宋体">
    76. 

  76. 						<div class="songti">宋体</div>
    77. 

  77. 					</li>
    78. 

  78. 					<li class="mui-table-view-cell" data-val="黑体 ">
    79. 

  79. 						<div class="heiti">黑体</div>
    80. 

  80. 					</li>
    81. 

  81. 					<li class="mui-table-view-cell" data-val="方正黑体简体" class="">
    82. 

  82. 						<div class="fz-hj">方正黑体简体</div>
    83. 

  83. 					</li>
    84. 

  84. 					<li class="mui-table-view-cell" data-val="Aa夜茴体" class="">
    85. 

  85. 						<div class="yht">Aa夜茴体</div>
    86. 

  86. 					</li>
    87. 

  87. 					<li class="mui-table-view-cell" data-val="思源黑体 CN ExtraLight">
    88. 

  88. 						<div class="sy-ht">思源黑体 CN ExtraLight</div>
    89. 

  89. 					</li>
    90. 

  90. 					<li class="mui-table-view-cell" data-val="思源黑体超粗" class="active">
    91. 

  91. 						<div class="sy-ht-cu">思源黑体超粗</div>
    92. 

  92. 					</li>
    93. 

  93. 				</ul>
    94. 

  94. 			</div>
    95. 

  95. 		</div>
    96. 

  96. 	</div>
    97. 

  97. 	<div class="diy_wap_footer" style="padding-right: 200px;">
    98. 

  98. 		<div class="diy_wap_footer_content">
    99. 

  99. 			<a href="javascript:void(0);" id="diy_del_object">
    100. 

  100. 				<i class="iconfont">&#xe600;</i>
    101. 

  101. 				<span>删除</span>
    102. 

  102. 			</a>
    103. 

  103. 			<a href="javascript:void(0);" id="diy_preview">
    104. 

  104. 				<i class="iconfont">&#xe852;</i>
    105. 

  105. 				<span>预览</span>	
    106. 

  106. 			</a>
    107. 

  107. 		</div>
    108. 

  108. 		<a href="javascript:void(0);" id="diy_cart_diy_btn" class="footer_nav_right footer_nav_cart">加入购物车</a>
    109. 

  109. 		<a href="javascript:void(0);" id="diy_save_diy_btn" class="footer_nav_right">保存</a>
    110. 

  110. 	</div>
    111. 

  111. 	<!-- 预览 -->
    112. 

  112. 	<div class="previewCanvas" id="previewCanvas">
    113. 

  113. 		<span class="close_preview">
    114. 

  114. 			<i class="iconfont">&#xe726;</i>	
    115. 

  115. 		</span>
    116. 

  116. 		<div class="previewImgWrap" id="previewImgWrap"></div>
    117. 

  117. 	</div> 
    118. 

  118. 	<div class="func_add clearfix">
    119. 

  119. 		<span class="iconfont add_icon">&#xe673;</span>
    120. 

  120. 		<div class="func_add_contant">
    121. 

  121. 			<a href="javascript:void(0);" id="djsy_showmy_source_btn" class="iconfont" style="color:#43bdb3">
    122. 

  122. 				<span>&#xe62a;</span>
    123. 

  123. 				<form id="diy_bg_img_form" enctype="multipart/form-data" method="post"><input id="diy_bg_img_file" name="image" type="file" /></form>
    124. 

  124. 			</a>
    125. 

  125. 			<a href="javascript:void(0);" id="djsy_add_text_btn" class="iconfont" style="color:#4374bd">&#xe6fe;</a>
    126. 

  126. 			<a href="javascript:void(0);" id="djsy_add_source_btn" class="iconfont" style="color:#43bd6e;">&#xe638;</a>
    127. 

  127. 		</div>
    128. 

  128. 	</div>
    129. 

  129. 	<!-- 分类图片 -->
    130. 

  130. 	<div class="djsy-pop-wrap djsy-add-image">
    131. 

  131. 		<div class="diy_wap_pop_title">
    132. 

  132. 			<span>选择素材</span>
    133. 

  133. 			<span class="close_pop" id="close_pop">
    134. 

  134. 				<i class="iconfont">&#xe726;</i>
    135. 

  135. 			</span>
    136. 

  136. 		</div>
    137. 

  137. 		<div class="djsy-pop-wrap_content clearfix">
    138. 

  138. 			<div class="c">
    139. 

  139. 				<div class="djsy-source-list-left">
    140. 

  140. 					<div class="mui-scroll-wrapper">
    141. 

  141. 						<div class="mui-scroll" id="djsy-source-list-left"></div>
    142. 

  142. 					</div>
    143. 

  143. 				</div>
    144. 

  144. 				<div class="djsy-source-list-right">
    145. 

  145. 					<div class="mui-scroll-wrapper">
    146. 

  146. 						<div class="mui-scroll">
    147. 

  147. 							<ul class="djsy-source-contant-ul clearfix" id="djsy_source_contant_ul"></ul>
    148. 

  148. 						</div>
    149. 

  149. 					</div>
    150. 

  150. 				</div>
    151. 

  151. 			</div>
    152. 

  152. 		</div>
    153. 

  153. 	</div>
    154. 

  154. 	<script type="text/javascript" src="/wap/js/jquery.min.js"></script>
    155. 

  155. 	<script type="text/javascript" src="/wap/js/mui/mui.min.js"></script>
    156. 

  156. 	<script type="text/javascript" src="/www/js/fabric/dist/fabric.js"></script>
    157. 

  157. 	<script type="text/javascript" src="/wap/js/build.js"></script>
    158. 

  158. 	<script>
    159. 

  159. 		mui('.mui-scroll-wrapper').scroll({
    160. 

  160. 			deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    161. 

  161. 		});
    162. 

  162. 	</script>
    163. 

  163. </body>
    164. 

  164. </html>
    165.