Home Explore Help
Register Sign In
wangyong
/
shiziyu18
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 741dabd3ee
Branches Tags
shiziyu18
/
Themes
/
Seller
/
Invitegift
/
poster_qrcode.html

poster_qrcode.html 13 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

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

  5.   <?php $shoname_name = D('Home/Front')->get_config_by_name('shoname'); ?>
    6. 

  6.   <title><?php echo $shoname; ?></title>
    7. 

  7.   <link rel="shortcut icon" href="" />
    8. 

  8.         
    9. 

  9.   <meta name="renderer" content="webkit">
    10. 

  10.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    11. 

  11.   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    12. 

  12. 

  13.   <link rel="stylesheet" href="/layuiadmin/style/admin.css" media="all">
    14. 

  14.  
    15. 

  15. <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    16. 

  16. <!--[if lt IE 9]>
    17. 

  17.   <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    18. 

  18.   <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    19. 

  19. <![endif]-->  
    20. 

  20. 

  21. <link href="./resource/css/bootstrap.min.css?v=201903260001" rel="stylesheet">
    22. 

  22. <link href="./resource/css/common.css?v=201903260001" rel="stylesheet">
    23. 

  23. <script type="text/javascript">
    24. 

  24.             window.sysinfo = {
    25. 

  25.             <?php if (!empty($_W['uniacid']) ){ ?>'uniacid': '{$_W['uniacid']}',<?php } ?>
    26. 

  26. 			
    27. 

  27.             <?php if( !empty($_W['acid'])  ){ ?>'acid': '{$_W['acid']}',<?php } ?>
    28. 

  28. 			
    29. 

  29.             <?php if (!empty($_W['openid']) ) { ?>'openid': '{$_W['openid']}',<?php } ?>
    30. 

  30. 			
    31. 

  31.             <?php if( !empty($_W['uid']) ) {  ?>'uid': '{$_W['uid']}',<?php } ?>
    32. 

  32. 			
    33. 

  33.             'isfounder': <?php if (!empty($_W['isfounder']) ) { ?>1<?php  }else{  ?>0<?php } ?>,
    34. 

  34. 			
    35. 

  35.             'siteroot': '{$_W['siteroot']}',
    36. 

  36.                     'siteurl': '{$_W['siteurl']}',
    37. 

  37.                     'attachurl': '{$_W['attachurl']}',
    38. 

  38.                     'attachurl_local': '{$_W['attachurl_local']}',
    39. 

  39.                     'attachurl_remote': '{$_W['attachurl_remote']}',
    40. 

  40.                     'module' : {'url' : '<?php if( defined('MODULE_URL') ) { ?>{MODULE_URL}<?php } ?>', 'name' : '<?php if (defined('IN_MODULE') ) { ?>{IN_MODULE}<?php } ?>'},
    41. 

  41.             'cookie' : {'pre': ''},
    42. 

  42.             'account' : {:json_encode($_W['account'])},
    43. 

  43.             };
    44. 

  44.         </script>
    45. 

  45. 		
    46. 

  46. <script type="text/javascript" src="./resource/js/lib/jquery-1.11.1.min.js"></script>
    47. 

  47. <script type="text/javascript" src="./resource/js/lib/bootstrap.min.js"></script>
    48. 

  48. <script type="text/javascript" src="./resource/js/app/util.js?v=201903260001"></script>
    49. 

  49. <script type="text/javascript" src="./resource/js/app/common.min.js?v=201903260001"></script>
    50. 

  50. <script type="text/javascript" src="./resource/js/require.js?v=201903260001"></script>
    51. 

  51. <script type="text/javascript" src="./resource/js/lib/jquery.nice-select.js?v=201903260001"></script>
    52. 

  52. 	<script type="text/javascript" src="./resource/components/colpick/colpick.js"></script>
    53. 

  53.   <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
    54. 

  54.    <link href="/static/css/snailfish.css" rel="stylesheet">
    55. 

  55. 	<link href="./resource/components/colpick/colpick.css" rel="stylesheet">
    56. 

  56. 	<style>
    57. 

  57. 		.layadmin-name {background-color: #009688;color: #fff;width: 90px;text-align: center;height: 22px;margin-bottom:2px;}
    58. 

  58. 		a {color: #333;text-decoration: none;cursor: pointer;}
    59. 

  59. 		a:hover{color: #333;text-decoration: none;}
    60. 

  60. 		a:active{color: #333;text-decoration: none;}
    61. 

  61. 		a:focus {color:#999;text-decoration: none;}
    62. 

  62. 		.half {width: 50%;float: left;font-size: 15px;}
    63. 

  63. 		.back_pimu{width: 300px;text-align: center;margin: 0 auto;}
    64. 

  64. 		.back_pimu img{width: 100%;}
    65. 

  65. 		.resetBtn{color: #3276b1;}
    66. 

  66. 		a.resetBtn:hover{color: #3276b1;}
    67. 

  67. 	</style>
    68. 

  68. </head>
    69. 

  69. <body layadmin-themealias="default">
    70. 

  70. 

  71. <div class="layui-fluid" style="min-width: 1000px;">
    72. 

  72. 	<div class="layui-card">
    73. 

  73. 		<div class="layui-card-header layui-elem-quote">当前位置：<span class="line-text">邀新海报</span></div>
    74. 

  74. 		<div class="layui-card-body" style="padding:15px;">
    75. 

  75. 			<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    76. 

  76. 				<ul class="layui-tab-title">
    77. 

  77. 					<li><a href="{:U('invitegift/poster_background')}">背景</a></li>
    78. 

  78. 					<li class="layui-this">二维码</li>
    79. 

  79. 				</ul>
    80. 

  80. 				<div class="layui-tba-content" style="height: 100%;">
    81. 

  81. 					<form action="" method="post" class="layui-form" lay-filter="component-layui-form-item" enctype="multipart/form-data">
    82. 

  82. 						<input type="hidden" name="invite_poster_qrcode_img" value="{$data['invite_poster_qrcode_img_yuan']}"/>
    83. 

  83. 						<div class="layui-form-item" style="height: 750px;">
    84. 

  84. 							<div class="half" style="background: #f1f1f1;padding: 5px;height: auto;min-height: 100%;">
    85. 

  85. 								<div class="back_pimu" style="position: relative;background: #fff;width: 375px;height: auto;min-height: 100%;">
    86. 

  86. 									<div class="phone_top" style="position: relative;width: 375px;height: 64px;">
    87. 

  87. 										<img class="img" src="/static/images/diy/poster_1.png" style="width: 375px;height: 20px;position: absolute;top: 0px;left: 0px;z-index: 100;">
    88. 

  88. 										<img class="img" src="/static/images/diy/poster_2.png" style="position: absolute;right: 7px;width: 87px;height: 32px;bottom: 6px;">
    89. 

  89. 									</div>
    90. 

  90. 									<div class="back_body" style="width:375px;height: 667px;<?php if($data['invite_poster_back_type'] == 0){?>background: <?php echo $data['invite_poster_back_color'];?>;<?php }else{ ?>background: url('<?php echo tomedia($data['invite_poster_back_img']);?>') no-repeat;background-size:100% 100%;<?php } ?>">
    91. 

  91. 										<div class="qrcode" style="width: <?php echo $data['qrcode_width'];?>px;height: <?php echo $data['qrcode_width'];?>px;display: inline-block;
    92. 

  92.                                 			<?php if( isset($data['invite_poster_qrcode_corner_type']) && $data['invite_poster_qrcode_corner_type'] == 1){ ?>border-radius: 0px;<?php }else{ ?>border-radius: 10px;<?php } ?>
    93. 

  93.                                 			<?php if(isset($data['invite_poster_qrcode_border_status']) && $data['invite_poster_qrcode_border_status'] == 1){?>border: 1px solid <?php echo $data['invite_poster_qrcode_bordercolor']; ?>;<?php } ?>
    94. 

  94.                                             ">
    95. 

  95. 											<img src="{$data['invite_poster_qrcode_img']}" style="width: 100%;height: 100%;
    96. 

  96.                                             <?php if( isset($data['invite_poster_qrcode_corner_type']) && $data['invite_poster_qrcode_corner_type'] == 1){ ?>border-radius: 0px;<?php }else{ ?>border-radius: 10px;<?php } ?>
    97. 

  97.                                             "></div>
    98. 

  98. 									</div>
    99. 

  99. 								</div>
    100. 

  100. 							</div>
    101. 

  101. 							<div class="half">
    102. 

  102. 								<div class="layui-form-item">
    103. 

  103. 									<label class="layui-form-label">二维码背景色</label>
    104. 

  104. 									<div class="layui-input-block">
    105. 

  105. 										<div class="layui-input-inline" style="width: 120px;">
    106. 

  106. 											<input type="text" name="invite_poster_qrcode_backcolor" value="{$data['invite_poster_qrcode_backcolor']}" placeholder="请选择颜色" class="layui-input" id="invite_poster_qrcode_backcolor-input">
    107. 

  107. 										</div>
    108. 

  108. 										<div class="layui-inline" style="left: -11px;margin-right: 0px;">
    109. 

  109. 											<div id="invitePosterQrcodeBackColors" class="layui-inline">
    110. 

  110. 												<div class="layui-unselect layui-colorpicker"><span><span class="layui-colorpicker-trigger-span" lay-type="" style="background: {$data['invite_poster_qrcode_backcolor']}"><i class="layui-icon layui-colorpicker-trigger-i layui-icon-down"></i></span></span></div>
    111. 

  111. 											</div>
    112. 

  112. 										</div>
    113. 

  113. 										<div class="layui-inline" style="vertical-align:top;line-height: 35px;">
    114. 

  114. 											<a class="resetBtn resetQrcodeBackColor">重置</a>
    115. 

  115. 										</div>
    116. 

  116. 									</div>
    117. 

  117. 								</div>
    118. 

  118. 								<div class="layui-form-item">
    119. 

  119. 									<label class="layui-form-label">二维码线条颜色</label>
    120. 

  120. 									<div class="layui-input-block">
    121. 

  121. 										<div class="layui-input-inline" style="width: 120px;">
    122. 

  122. 											<input type="text" name="invite_poster_qrcode_linecolor" value="{$data['invite_poster_qrcode_linecolor']}" placeholder="请选择颜色" class="layui-input" id="invite_poster_qrcode_linecolor-input">
    123. 

  123. 										</div>
    124. 

  124. 										<div class="layui-inline" style="left: -11px;margin-right: 0px;">
    125. 

  125. 											<div id="invitePosterQrcodeLineColors" class="layui-inline">
    126. 

  126. 												<div class="layui-unselect layui-colorpicker"><span><span class="layui-colorpicker-trigger-span" lay-type="" style="background: {$data['invite_poster_qrcode_linecolor']}"><i class="layui-icon layui-colorpicker-trigger-i layui-icon-down"></i></span></span></div>
    127. 

  127. 											</div>
    128. 

  128. 										</div>
    129. 

  129. 										<div class="layui-inline" style="vertical-align:top;line-height: 35px;">
    130. 

  130. 											<a class="resetBtn resetQrcodeLineColor">重置</a>
    131. 

  131. 										</div>
    132. 

  132. 									</div>
    133. 

  133. 								</div>
    134. 

  134. 								<div class="layui-form-item">
    135. 

  135. 									<label class="layui-form-label">二维码边角</label>
    136. 

  136. 									<div class="layui-input-block">
    137. 

  137. 										<label class='radio-inline'>
    138. 

  138. 											<input type='radio' name='invite_poster_qrcode_corner_type'  lay-filter="invite_poster_qrcode_corner_type" value='0' <?php if( !isset($data['invite_poster_qrcode_corner_type']) || $data['invite_poster_qrcode_corner_type'] == 0){ ?>checked<?php } ?> title="圆角" />
    139. 

  139. 										</label>
    140. 

  140. 										<label class='radio-inline'>
    141. 

  141. 											<input type='radio' name='invite_poster_qrcode_corner_type'  lay-filter="invite_poster_qrcode_corner_type" value='1' <?php if( isset($data['invite_poster_qrcode_corner_type']) && $data['invite_poster_qrcode_corner_type'] == 1){ ?>checked<?php } ?> title="直角" />
    142. 

  142. 										</label>
    143. 

  143. 									</div>
    144. 

  144. 								</div>
    145. 

  145. 								<div class="layui-form-item">
    146. 

  146. 									<label class="layui-form-label">二维码大小</label>
    147. 

  147. 									<div class="layui-input-block">
    148. 

  148. 										<div class="input-group" style="width: 200px;">
    149. 

  149. 											<input class="form-control" name="invite_poster_qrcode_size" type="text" placeholder="" value="{$data['invite_poster_qrcode_size']}" maxlength="10">
    150. 

  150. 											<div class="input-group-addon">PX</div>
    151. 

  151. 										</div>
    152. 

  152. 									</div>
    153. 

  153. 								</div>
    154. 

  154. 								<div class="layui-form-item">
    155. 

  155. 									<label class="layui-form-label">二维码边框</label>
    156. 

  156. 									<div class="layui-input-block">
    157. 

  157. 										<label class='radio-inline'>
    158. 

  158. 											<input type='radio' name='invite_poster_qrcode_border_status'  lay-filter="invite_poster_qrcode_border_status" value='1' <?php if( isset($data['invite_poster_qrcode_border_status']) && $data['invite_poster_qrcode_border_status'] == 1){ ?>checked<?php } ?> title="开启" />
    159. 

  159. 										</label>
    160. 

  160. 										<label class='radio-inline'>
    161. 

  161. 											<input type='radio' name='invite_poster_qrcode_border_status'  lay-filter="invite_poster_qrcode_border_status" value='0' <?php if( !isset($data['invite_poster_qrcode_border_status']) || $data['invite_poster_qrcode_border_status'] == 0){ ?>checked<?php } ?> title="关闭" />
    162. 

  162. 										</label>
    163. 

  163. 									</div>
    164. 

  164. 								</div>
    165. 

  165. 								<div class="layui-form-item">
    166. 

  166. 									<label class="layui-form-label">二维码边框颜色</label>
    167. 

  167. 									<div class="layui-input-block">
    168. 

  168. 										<div class="layui-input-inline" style="width: 120px;">
    169. 

  169. 											<input type="text" name="invite_poster_qrcode_bordercolor" value="{$data['invite_poster_qrcode_bordercolor']}" placeholder="请选择颜色" class="layui-input" id="invite_poster_qrcode_bordercolor-input">
    170. 

  170. 										</div>
    171. 

  171. 										<div class="layui-inline" style="left: -11px;margin-right: 0px;">
    172. 

  172. 											<div id="invitePosterQrcodeBorderColors" class="layui-inline">
    173. 

  173. 												<div class="layui-unselect layui-colorpicker"><span><span class="layui-colorpicker-trigger-span" lay-type="" style="background: {$data['invite_poster_qrcode_bordercolor']}"><i class="layui-icon layui-colorpicker-trigger-i layui-icon-down"></i></span></span></div>
    174. 

  174. 											</div>
    175. 

  175. 										</div>
    176. 

  176. 										<div class="layui-inline" style="vertical-align:top;line-height: 35px;">
    177. 

  177. 											<a class="resetBtn resetQrcodeBorderColor">重置</a>
    178. 

  178. 										</div>
    179. 

  179. 									</div>
    180. 

  180. 								</div>
    181. 

  181. 								<div class="layui-form-item">
    182. 

  182. 									<label class="layui-form-label">距画布顶部</label>
    183. 

  183. 									<div class="layui-input-block">
    184. 

  184. 										<div class="input-group" style="width: 200px;">
    185. 

  185. 											<input class="form-control" name="invite_poster_qrcode_top" type="text" placeholder="" value="{$data['invite_poster_qrcode_top']}" maxlength="10">
    186. 

  186. 											<div class="input-group-addon">PX</div>
    187. 

  187. 										</div>
    188. 

  188. 									</div>
    189. 

  189. 								</div>
    190. 

  190. 								<div class="layui-form-item">
    191. 

  191. 									<label class="layui-form-label">距画布左侧</label>
    192. 

  192. 									<div class="layui-input-block">
    193. 

  193. 										<div class="input-group" style="width: 200px;">
    194. 

  194. 											<input class="form-control" name="invite_poster_qrcode_left" type="text" placeholder="" value="{$data['invite_poster_qrcode_left']}" maxlength="10">
    195. 

  195. 											<div class="input-group-addon">PX</div>
    196. 

  196. 										</div>
    197. 

  197. 									</div>
    198. 

  198. 								</div>
    199. 

  199. 								<div class="layui-form-item">
    200. 

  200. 									<label class="layui-form-label"> </label>
    201. 

  201. 									<div class="layui-input-block">
    202. 

  202. 										<input type="submit" value="提交" lay-submit lay-filter="formDemo" class="btn btn-primary"  />
    203. 

  203. 									</div>
    204. 

  204. 								</div>
    205. 

  205. 							</div>
    206. 

  206. 						</div>
    207. 

  207. 					</form>
    208. 

  208. 				</div>
    209. 

  209. 			</div>
    210. 

  210. 	   </div>
    211. 

  211.     </div>
    212. 

  212. </div>
    213. 

  213. 

  214. <script src="/layuiadmin/layui/layui.js"></script>
    215. 

  215. <script src="/static/js/drag.js"></script>
    216. 

  216. <script>
    217. 

  217. 	var invite_poster_qrcode_backcolor = "{$data['invite_poster_qrcode_backcolor']}";
    218. 

  218. 	var invite_poster_qrcode_linecolor = "{$data['invite_poster_qrcode_linecolor']}";
    219. 

  219. 	var invite_poster_qrcode_bordercolor = "{$data['invite_poster_qrcode_bordercolor']}";
    220. 

  220. 	var qrcode_top = "{$data['qrcode_top']}";
    221. 

  221. 	var qrcode_left = "{$data['qrcode_left']}";
    222. 

  222. 	var change_url = "{:U('invitegift/changeQrcodeBackground')}";
    223. 

  223. </script>
    224. 

  224. <script src="/static/js/postcode/posterqrcode.js"></script>
    225. 

  225. </body>
    226.