_template.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563
  1. <script type="text/html" id="tpl_show_notice">
  2. <div class="drag" data-itemid="<%itemid%>">
  3. <div class="fui-notice" style="background: <%style.background%>">
  4. <div class="image"><img src="<%imgsrc params.iconurl%>" onerror="this.src='/static/images/hotdot.jpg'"></div>
  5. <div class="icon"><i class="icon icon-notification1" style="font-size: 0.7rem; color: <%style.iconcolor%>;"></i></div>
  6. <div class="text" style="color: <%style.color%>;">
  7. <%if params.noticedata=='0'%>这里将读取商城的公告进行滚动显示<%/if%>
  8. <%if params.noticedata=='1'%>
  9. <ul>
  10. <%each data as item%>
  11. <li><%item.title%></li>
  12. <%/each%>
  13. </ul>
  14. <%/if%>
  15. </div>
  16. </div>
  17. </div>
  18. </script>
  19. <script type="text/html" id="tpl_show_richtext">
  20. <div class="drag" data-itemid="<%itemid%>">
  21. <div class="diy-richtext" style="background: <%style.background%>; padding: <%style.padding%>px;">
  22. <%if params.content%>
  23. <%=(params.content)%>
  24. <%else%>
  25. <p><span style="font-size: 20px;">哈喽大家好!这里是『富文本』区域</span></p>
  26. <p>你可以对文字进行<strong>加粗</strong>、<em>斜体</em>、<span style="text-decoration: underline;">下划线</span>、<span style="text-decoration: line-through;">删除线</span>、文字<span style="color: rgb(0, 176, 240);">颜色</span>、<span style="background-color: rgb(255, 192, 0); color: rgb(255, 255, 255);">背景色</span>、以及字号<span style="font-size: 20px;">大</span><span style="font-size: 14px;">小</span>等简单排版操作。
  27. </p>
  28. <p>也可在这里插入图片</p>
  29. <p><img src="/static/diypage/images/default/sale-by.png"></p>
  30. <p style="text-align: left;"><span style="text-align: left;">还可给文字加上<a href="http://www.baidu.com">超级链接</a>,方便用户点击。</span></p>
  31. <%/if%>
  32. </div>
  33. </div>
  34. </script>
  35. <script type="text/html" id="tpl_show_banner">
  36. <div class="drag" data-itemid="<%itemid%>">
  37. <div class="diy-banner">
  38. <%each data as item%>
  39. <img src="<%imgsrc item.imgurl%>" />
  40. <%/each%>
  41. <div class="dots <%style.dotalign||'left'%> <%style.dotstyle||'rectangle'%>" style="padding: 0 <%style.leftright||'10'%>px; bottom: <%style.bottom||'10'%>px; opacity: <%style.opacity||'0.8'%>;">
  42. <%each data as item%>
  43. <span style="background: <%style.background||'#000000'%>;"></span>
  44. <%/each%>
  45. </div>
  46. </div>
  47. </div>
  48. </script>
  49. <script type="text/html" id="tpl_show_title">
  50. <div class="drag" data-itemid="<%itemid%>">
  51. <div class="fui-title" style="background: <%style.background||''%>; color: <%style.color||''%>; font-size: <%style.fontsize||'12'%>px; text-align: <%style.textalign||''%>; padding: <%style.paddingtop||'0'%>px <%style.paddingleft||'5'%>px;">
  52. <%if params.icon%>
  53. <i class="icon <%params.icon%>"></i>
  54. <%/if%>
  55. <%if params.link%>
  56. <a href="<%params.link%>" style="color: <%style.color||''%>"><%params.title||'请输入标题内容'%></a>
  57. <%else%>
  58. <%params.title||'请输入标题内容'%>
  59. <%/if%>
  60. </div>
  61. </div>
  62. </script>
  63. <script type="text/html" id="tpl_show_search">
  64. <div class="drag" data-itemid="<%itemid%>">
  65. <div class="diy-search <%style.searchstyle%>" style="background: <%style.background%>; padding: <%style.paddingtop||'10'%>px <%style.paddingleft||'10'%>px;">
  66. <div class="inner left" style="background: <%style.inputbackground||'#fff'%>;">
  67. <div class="search-icon" style="color: <%style.iconcolor%>;"><i class="icon icon-search"></i></div>
  68. <div class="search-input" style="text-align: <%style.textalign%>; color: <%style.color%>;">
  69. <span><%params.placeholder%></span>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </script>
  75. <script type="text/html" id="tpl_show_line">
  76. <div class="drag" data-itemid="<%itemid%>">
  77. <div class="fui-line-diy" style="background: <%style.background%>; padding: <%style.padding%>px 0;">
  78. <div class="line" style="border-top: <%style.height||'2'%>px <%style.linestyle||'solid'%> <%style.bordercolor||'#000000'%>"></div>
  79. </div>
  80. </div>
  81. </script>
  82. <script type="text/html" id="tpl_show_blank">
  83. <div class="drag" data-itemid="<%itemid%>" style="height: <%style.height%>px; background: <%style.background%>"></div>
  84. </script>
  85. <script type="text/html" id="tpl_show_menu">
  86. <div class="drag" data-itemid="<%itemid%>">
  87. <%if data==''%>
  88. <div class="nochild">您还没有添加图标</div>
  89. <%else%>
  90. <div class="fui-icon-group noborder col-<%style.rownum%> <%style.navstyle%> <%if style.showtype>0%>pb10<%/if%>" style="background: <%style.background||'#ffffff'%>">
  91. <%each data as item%>
  92. <div class="fui-icon-col">
  93. <div class="icon"><img src="<%imgsrc item.imgurl%>"></div>
  94. <div class="text" style="color: <%item.color%>"><%item.text%></div>
  95. </div>
  96. <%/each%>
  97. <%if style.showdot>0&&style.showtype==1%>
  98. <div class="fui-icon-group-pagination">
  99. <a class="active"></a>
  100. <a></a>
  101. </div>
  102. <%/if%>
  103. </div>
  104. <%/if%>
  105. </div>
  106. </script>
  107. <script type="text/html" id="tpl_show_menu2">
  108. <div class="drag" data-itemid="<%itemid%>">
  109. <div class="fui-menu-group" style="margin-top: <%style.margintop%>px; background: <%style.background%>;">
  110. <%each data as item%>
  111. <%if item.text%>
  112. <a class="fui-menu-item" style="color: <%item.textcolor%>;"><%if item.iconclass%><i class="icon <%item.iconclass%>" style="color: <%item.iconcolor%>;"></i><%/if%> <%item.text%></a>
  113. <%/if%>
  114. <%/each%>
  115. </div>
  116. </div>
  117. </script>
  118. <script type="text/html" id="tpl_show_picture">
  119. <div class="drag" data-itemid="<%itemid%>">
  120. <div class="fui-picture" style="padding-bottom: <%style.paddingtop%>px; background: <%style.background%>;">
  121. <%each data as item%>
  122. <div style="display: block; padding: <%style.paddingtop%>px <%style.paddingleft%>px 0;">
  123. <img src="<%imgsrc item.imgurl%>" />
  124. </div>
  125. <%/each%>
  126. </div>
  127. </div>
  128. </script>
  129. <script type="text/html" id="tpl_show_picturew">
  130. <div class="drag" data-itemid="<%itemid%>">
  131. <%if params.row=='1'%>
  132. <div class="fui-cube" style="background: <%style.background%>; <%if count(data)==1%>padding: <%style.paddingtop%>px <%style.paddingleft%>px;<%/if%>">
  133. <%if count(data)==1%>
  134. <img src="<%imgsrc(toArray(data)[0].imgurl)%>" />
  135. <%/if%>
  136. <%if count(data)>1%>
  137. <div class="fui-cube-left" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px; padding-right: 0;">
  138. <img src="<%imgsrc(toArray(data)[0].imgurl)%>" />
  139. </div>
  140. <div class="fui-cube-right" <%if count(data)==2%> style="padding: <%style.paddingtop%>px <%style.paddingleft%>px;"<%/if%>>
  141. <%if count(data)==2%>
  142. <img src="<%imgsrc(toArray(data)[1].imgurl)%>" />
  143. <%/if%>
  144. <%if count(data)>2%>
  145. <div class="fui-cube-right1" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px; padding-bottom: 0;">
  146. <img src="<%imgsrc(toArray(data)[1].imgurl)%>" />
  147. </div>
  148. <div class="fui-cube-right2" <%if count(data)==3%> style="padding: <%style.paddingtop%>px <%style.paddingleft%>px;"<%/if%>>
  149. <%if count(data)==3%>
  150. <img src="<%imgsrc(toArray(data)[2].imgurl)%>" />
  151. <%/if%>
  152. <%if count(data)>3%>
  153. <div class="left" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px; padding-right: 0;">
  154. <img src="<%imgsrc(toArray(data)[2].imgurl)%>" />
  155. </div>
  156. <%/if%>
  157. <%if count(data)>=4%>
  158. <div class="right" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px;">
  159. <img src="<%imgsrc(toArray(data)[3].imgurl)%>" />
  160. </div>
  161. <%/if%>
  162. </div>
  163. <%/if%>
  164. </div>
  165. <%/if%>
  166. </div>
  167. <%/if%>
  168. <%if params.row>1%>
  169. <div class="fui-picturew row-<%params.row%>" style="padding: <%style.paddingtop%>px; <%style.paddingleft%>px; background: <%style.background%>;">
  170. <%each data as item%>
  171. <div class="item" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px;">
  172. <img src="<%imgsrc item.imgurl%>">
  173. </div>
  174. <%/each%>
  175. <%if style.showdot>0&&params.showtype==1%>
  176. <div class="fui-picturew-pagination">
  177. <a class="active"></a>
  178. <a></a>
  179. </div>
  180. <%/if%>
  181. </div>
  182. <%/if%>
  183. </div>
  184. </script>
  185. <script type="text/html" id="tpl_show_listmenu">
  186. <div class="drag" data-itemid="<%itemid%>">
  187. <div class="fui-cell-group fui-cell-click" style="margin-top: <%style.margintop%>px; background-color: <%style.background%>;">
  188. <%each data as item%>
  189. <div class="fui-cell">
  190. <%if item.iconclass%>
  191. <div class="fui-cell-icon" style="color: <%style.iconcolor%>;"><i class="icon <%item.iconclass%>"></i></div>
  192. <%/if%>
  193. <div class="fui-cell-text" style="color: <%style.textcolor%>;"><%item.text%></div>
  194. <div class="fui-cell-remark" style="color: <%style.remarkcolor%>;"><%item.remark%></div>
  195. </div>
  196. <%/each%>
  197. </div>
  198. </div>
  199. </script>
  200. <script type="text/html" id="tpl_show_icongroup">
  201. <div class="drag" data-itemid="<%itemid%>">
  202. <div class="fui-icon-group noborder col-<%params.rownum%> selecter" style="background-color: <%style.background%>; <%if params.bordertop=='1'%>border-top: 1px solid <%style.bordercolor%>;<%else%>border-top: none;<%/if%> <%if params.borderbottom=='1'%>border-bottom: 1px solid <%style.bordercolor%>;<%else%>border-bottom: none;<%/if%>">
  203. <%define index=0%>
  204. <%each data as child itemid %>
  205. <div class="fui-icon-col external" style="<%if params.border=='1'&&index>0%>border-left: 1px solid <%style.bordercolor%>;<%else%>border-left: none;<%/if%>">
  206. <div class="badge" style="background-color: <%style.dotcolor%>;">9</div>
  207. <div class="icon icon-green radius"><i class="icon <%child.iconclass%>" style="color: <%style.iconcolor%>;"></i></div>
  208. <div class="text" style="color: <%style.textcolor%>;"><%child.text%></div>
  209. </div>
  210. <%define index++%>
  211. <%/each%>
  212. </div>
  213. </div>
  214. </script>
  215. <script type="text/html" id="tpl_show_pictures">
  216. <div class="drag" data-itemid="<%itemid%>">
  217. <div class="fui-picturew row-<%params.rownum%>" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px; background: <%style.background%>;">
  218. <%each data as item%>
  219. <div class="item" style="padding: <%style.paddingtop%>px <%style.paddingleft%>px;">
  220. <div class="image">
  221. <img src="<%imgsrc item.imgurl%>">
  222. <%if item.title!=''%>
  223. <div class="title" style="color: <%style.titlecolor%>; text-align: <%style.titlealign%>;"><%item.title%></div>
  224. <%/if%>
  225. </div>
  226. <div class="text" style="color: <%style.textcolor%>; text-align: <%style.textalign%>;""><%item.text%></div>
  227. </div>
  228. <%/each%>
  229. <%if style.showdot>0&&params.showtype==1%>
  230. <div class="fui-picturew-pagination">
  231. <a class="active"></a>
  232. <a></a>
  233. </div>
  234. <%/if%>
  235. </div>
  236. </div>
  237. </script>
  238. <script type="text/html" id="tpl_show_audio">
  239. <div class="drag" data-itemid="<%itemid%>">
  240. <%if params.playerstyle=='0'||!params.playerstyle%>
  241. <div class="fui-audio" style="background: <%style.background%>; border-color: <%style.bordercolor%>; margin: <%style.paddingtop%>px <%style.paddingleft%>px;">
  242. <div class="horn"></div>
  243. <div class="center">
  244. <p style="color: <%style.textcolor%>;"><%params.title||'未定义音频信息'%></p>
  245. <%if params.subtitle!=''%>
  246. <p style="color: <%style.subtitlecolor%>; font-size: 0.65rem;"><%params.subtitle%></p>
  247. <%/if%>
  248. </div>
  249. <div class="time" style="color: <%style.timecolor%>;">11'26''</div>
  250. <div class="speed"></div>
  251. </div>
  252. <%/if%>
  253. <%if params.playerstyle=='1'%>
  254. <div class="fui-chat-item <%params.headalign%>" style="margin: <%style.paddingtop%>px <%style.paddingleft%>px;">
  255. <%if params.headalign=='left'%>
  256. <div class="face">
  257. <img src="<%params.headurl&&params.headtype!=1 ? imgsrc(params.headurl) : imgsrc(shoplogo)%>" />
  258. </div>
  259. <%/if%>
  260. <div class="msg" style="width: <%style.width%>px;">
  261. <div class="horn playing"></div>
  262. </div>
  263. <%if params.headalign=='right'%>
  264. <div class="face">
  265. <img src="<%params.headurl&&params.headtype!=1 ? imgsrc(params.headurl) : imgsrc(shoplogo)%>" />
  266. </div>
  267. <%/if%>
  268. </div>
  269. <%/if%>
  270. </div>
  271. </script>
  272. <script type="text/html" id="tpl_show_coupon">
  273. <div class="drag" data-itemid="<%itemid%>">
  274. <div class="diy-coupon col-<%params.couponstyle%>" style="margin: <%style.margintop%>px 0; background: <%style.background%>;">
  275. <%each data as item%>
  276. <div class="diy-coupon-item">
  277. <div class="inner" style="border: 0; background: <%item.couponcolor%>; color: #ffffff; margin: <%style.margintop%>px <%style.marginleft%>px;">
  278. <div class="name"><%item.price%></div>
  279. <div class="receive" style="border: 1px solid <%item.textcolor%>;">立即领取</div>
  280. <i style="left: -0.35rem;background:<%style.background%>;"></i>
  281. <i style="right: -0.35rem;background: <%style.background%>;"></i>
  282. </div>
  283. </div>
  284. <%/each%>
  285. </div>
  286. </div>
  287. </script>
  288. <script type="text/html" id="tpl_show_fixedsearch">
  289. <div class="drag fixed" data-itemid="<%itemid%>">
  290. <div class="diy-fixedsearch">
  291. <div class="background" style="background: <%style.background%>; opacity: <%style.opacity%>;"></div>
  292. <div class="inner">
  293. <%if (params.leftnav==1&&params.leftnavicon!='') || (params.leftnav==2&&params.leftnavimg!='')%>
  294. <div class="leftnav">
  295. <%if params.leftnav==1&&params.leftnavicon!=''%>
  296. <i class="icon <%params.leftnavicon%>" style="color: <%style.leftnavcolor%>;"></i>
  297. <%/if%>
  298. <%if params.leftnav==2&&params.leftnavimg&&params.leftnavimg!=''%>
  299. <img src="<%imgsrc params.leftnavimg%>" style="" />
  300. <%/if%>
  301. </div>
  302. <%/if%>
  303. <div class="center <%params.searchstyle%>">
  304. <input value="<%params.placeholder%>" style="opacity: <%style.opacity%>; background: <%style.searchbackground%>; color: <%style.searchtextcolor%>;" />
  305. </div>
  306. <%if (params.rightnav==1&&params.rightnavicon!='') || (params.rightnav==2&&params.rightnavimg!='')%>
  307. <div class="rightnav">
  308. <%if params.rightnav==1&&params.rightnavicon!=''%>
  309. <i class="icon <%params.rightnavicon%>" style="color: <%style.rightnavcolor%>;"></i>
  310. <%/if%>
  311. <%if params.rightnav==2&&params.rightnavimg&&params.rightnavimg!=''%>
  312. <img src="<%imgsrc params.rightnavimg%>" />
  313. <%/if%>
  314. </div>
  315. <%/if%>
  316. </div>
  317. </div>
  318. </div>
  319. </script>
  320. <script type="text/html" id="tpl_show_tabbar">
  321. <div class="drag" data-itemid="<%itemid%>">
  322. <div class="fui-tab fui-tab-danger">
  323. <%define index=0%>
  324. <%each data as item%>
  325. <%if index<3%>
  326. <a <%if index==0%>class="active" style="color: <%style.activecolor%>; border-color: <%style.activecolor%>; background: <%style.activebackground%>;"<%else%>style="color: <%style.color%>;"<%/if%>><%item.text||'未设置'%></a>
  327. <%/if%>
  328. <%define index++%>
  329. <%/each%>
  330. </div>
  331. </div>
  332. </script>
  333. <script type="text/html" id="tpl_show_goods">
  334. <div class="drag" data-itemid="<%itemid%>">
  335. <div class="fui-goods-group <%style.liststyle%>" style="background: <%style.background%>;">
  336. <%if params.goodsdata=='0'%>
  337. <%each data as item%>
  338. <div class="fui-goods-item" data-goodsid="<%item.gid%>">
  339. <div class="image <%if params.showicon=='1'%><%style.iconstyle%><%/if%>" style="background-image: url('<%imgsrc item.thumb%>');"
  340. data-text="
  341. <%if params.showicon=='1'%>
  342. <%if style.goodsicon=='recommand'%>推荐<%/if%>
  343. <%if style.goodsicon=='hotsale'%>热销<%/if%>
  344. <%if style.goodsicon=='isnew'%>新上<%/if%>
  345. <%if style.goodsicon=='sendfree'%>包邮<%/if%>
  346. <%if style.goodsicon=='istime'%>限时卖<%/if%>
  347. <%if style.goodsicon=='bigsale'%>促销<%/if%>
  348. <%/if%>
  349. ">
  350. <%if params.showicon=='2'%>
  351. <div class="goodsicon <%params.iconposition%>"
  352. <%if params.iconposition=='left top'%> style="top: <%style.iconpaddingtop%>px; left: <%style.iconpaddingleft%>px; text-align: left;"<%/if%>
  353. <%if params.iconposition=='right top'%> style="top: <%style.iconpaddingtop%>px; right: <%style.iconpaddingleft%>px; text-align: right;"<%/if%>
  354. <%if params.iconposition=='left bottom'%> style="bottom: <%style.iconpaddingtop%>px; left: <%style.iconpaddingleft%>px; text-align: left;"<%/if%>
  355. <%if params.iconposition=='right bottom'%> style="bottom: <%style.iconpaddingtop%>px; right: <%style.iconpaddingleft%>px; text-align: right;"<%/if%>
  356. >
  357. <%if params.showicon=='1'%>
  358. <img src="/static/diypage/images/default/goodsicon-<%style.goodsicon%>.png" style="width: <%style.iconzoom||'100'%>%;" />
  359. <%/if%>
  360. <%if params.showicon=='2' && params.goodsiconsrc%>
  361. <img src="<%imgsrc params.goodsiconsrc%>" onerror="this.src=''" style="width: <%style.iconzoom||'100'%>%;" />
  362. <%/if%>
  363. </div>
  364. <%/if%>
  365. </div>
  366. <div class="detail">
  367. <%if params.showtitle=='1'%>
  368. <div class="name" style="color: <%style.titlecolor%>;">
  369. <%if item.bargain>0%>
  370. <label style="background-color: <%style.buybtncolor%>; padding: 0px 2px; color: #fff; font-size: 0.6rem">砍价</label>
  371. <%/if%>
  372. <%if params.goodstype==1 && params.showtag>0%>
  373. <label style="background-color: <%style.tagbackground%>; padding: 0px 2px; color: #fff; font-size: 0.6rem">
  374. <%if params.showtag==1%>¥69<%/if%>
  375. <%if params.showtag==2%><%if item.gtype==1%>商品<%/if%><%if item.gtype==2%>优惠券<%/if%><%if item.gtype==3%>红包<%/if%><%if item.gtype==4%>余额<%/if%><%/if%>
  376. <%if params.showtag==3%><%if item.ctype==1%>抽奖<%else%>兑换<%/if%><%/if%>
  377. </label>
  378. <%/if%>
  379. <%item.title%>
  380. </div>
  381. <%/if%>
  382. <%if params.showprice=='1'%>
  383. <p class="productprice <%if (params.showproductprice !=1) && (params.showsales !=1)%>noheight<%/if%>" >
  384. <%if params.showproductprice==1 && item.productprice>0%>
  385. <span style="color: <%style.productpricecolor%>;"><%params.productpricetext||'原价'%>:<span <%if params.productpriceline==1%>style="text-decoration: line-through;"<%/if%>>¥<%item.productprice%></span></span>
  386. <%/if%>
  387. <%if params.showsales==1&&item.sales>=0%>
  388. <span style="color: <%style.salescolor%>;"><%params.salestext||'销量'%>:<%item.sales%></span>
  389. <%/if%>
  390. </p>
  391. <div class="price">
  392. <span class="text" style="color: <%style.pricecolor%>;">
  393. <p class="minprice">
  394. <%if params.goodstype==0||!params.goodstype%>
  395. ¥<%item.price%>
  396. <%else%>
  397. <%if item.price==0&&item.credit==0%>免费<%/if%>
  398. <%if item.price>0&&item.credit==0%><%item.price%><small>元</small><%/if%>
  399. <%if item.price==0&&item.credit>0%><%item.credit%><small>积分</small><%/if%>
  400. <%if item.price>0&&item.credit>0%><%item.credit%><small>积分</small>+<%item.price%><small>元</small><%/if%>
  401. <%/if%>
  402. </p>
  403. </span>
  404. <%if style.buystyle!='' && item.bargain==0 && (params.goodstype==0||!params.goodstype)%>
  405. <%if style.buystyle=='buybtn-1'%>
  406. <span class="buy" style="border-color: <%style.buybtncolor%>;color:<%style.buybtncolor%> ">购买</span>
  407. <%/if%>
  408. <%if style.buystyle=='buybtn-2'%>
  409. <span class="buy buy buybtn-2" style="border-color: <%style.buybtncolor%>;background-color: <%style.buybtncolor%>;">购买</span>
  410. <%/if%>
  411. <%if style.buystyle=='buybtn-3'%>
  412. <span class="buy buybtn-3" style="background-color: <%style.buybtncolor%>; border-color: <%style.buybtncolor%>;"><i class="icon icon-cartfill"></i></span>
  413. <%/if%>
  414. <%if style.buystyle=='buybtn-4'%>
  415. <span class="buy buybtn-4" style="border-color: <%style.buybtncolor%>;"><i class="icon icon-cart" style="color: <%style.buybtncolor%>;"></i></span>
  416. <%/if%>
  417. <%if style.buystyle=='buybtn-5'%>
  418. <span class="buy buybtn-5" style="border-color: <%style.buybtncolor%>;"><i class="icon icon-add" style="color: <%style.buybtncolor%>;"></i></span>
  419. <%/if%>
  420. <%if style.buystyle=='buybtn-6'%>
  421. <span class="buy buybtn-6" style="background-color: <%style.buybtncolor%>; border-color: <%style.buybtncolor%>;"><i class="icon icon-add"></i></span>
  422. <%/if%>
  423. <%/if%>
  424. <%if item.bargain>0%>
  425. <span class="buy" style="background-color: <%style.buybtncolor%>;">砍</span>
  426. <%/if%>
  427. <%if params.goodstype==1%>
  428. <span class="buy buybtn-3" style="background-color: <%style.buybtncolor%>;"><%if item.ctype==1%>抽奖<%else%>兑换<%/if%></span>
  429. <%/if%>
  430. </div>
  431. <%/if%>
  432. </div>
  433. <%if params.saleout>-1%>
  434. <%if params.saleout==0%><div class="salez" style="background-image: url('{:tomedia($_W['shopset']['shop']['saleout'])}'); "></div><%/if%>
  435. <%if params.saleout==1%><div class="salez diy" style="background-image: url('/static/diypage/images/default/saleout-<%style.saleoutstyle%>.png'); "></div><%/if%>
  436. <%/if%>
  437. </div>
  438. <%/each%>
  439. <%/if%>
  440. <%if params.goodsdata>0%>
  441. <%each data=["c","d"] as item%>
  442. <div class="fui-goods-item">
  443. <div class="image <%if params.showicon=='1'%><%style.iconstyle%><%/if%>" style="background-image: url('/static/diypage/images/default/goods-1.jpg');"
  444. data-text="
  445. <%if params.showicon=='1'%>
  446. <%if style.goodsicon=='recommand'%>推荐<%/if%>
  447. <%if style.goodsicon=='hotsale'%>热销<%/if%>
  448. <%if style.goodsicon=='isnew'%>新上<%/if%>
  449. <%if style.goodsicon=='sendfree'%>包邮<%/if%>
  450. <%if style.goodsicon=='istime'%>限时卖<%/if%>
  451. <%if style.goodsicon=='bigsale'%>促销<%/if%>
  452. <%/if%>
  453. ">
  454. <%if params.showicon=='2'%>
  455. <div class="goodsicon <%params.iconposition%>"
  456. <%if params.iconposition=='left top'%> style="top: <%style.iconpaddingtop%>px; left: <%style.iconpaddingleft%>px; text-align: left;"<%/if%>
  457. <%if params.iconposition=='right top'%> style="top: <%style.iconpaddingtop%>px; right: <%style.iconpaddingleft%>px; text-align: right;"<%/if%>
  458. <%if params.iconposition=='left bottom'%> style="bottom: <%style.iconpaddingtop%>px; left: <%style.iconpaddingleft%>px; text-align: left;"<%/if%>
  459. <%if params.iconposition=='right bottom'%> style="bottom: <%style.iconpaddingtop%>px; right: <%style.iconpaddingleft%>px; text-align: right;"<%/if%>
  460. >
  461. <%if params.showicon=='1'%>
  462. <img src="/static/diypage/images/default/goodsicon-<%style.goodsicon%>.png" style="width: <%style.iconzoom||'100'%>%;" />
  463. <%/if%>
  464. <%if params.showicon=='2' && params.goodsiconsrc%>
  465. <img src="<%imgsrc params.goodsiconsrc%>" onerror="this.src=''" style="width: <%style.iconzoom||'100'%>%;" />
  466. <%/if%>
  467. </div>
  468. <%/if%>
  469. </div>
  470. <div class="detail">
  471. <%if params.showtitle=='1'%>
  472. <div class="name">
  473. <%if params.goodstype==1 && params.showtag>0%>
  474. <label style="background-color: <%style.tagbackground%>; padding: 0px 2px; color: #fff; font-size: 0.6rem">
  475. <%if params.showtag==1%>¥69<%/if%>
  476. <%if params.showtag==2%>优惠券<%/if%>
  477. <%if params.showtag==3%><%if item.ctype==1%>抽奖<%else%>兑换<%/if%><%/if%>
  478. </label>
  479. <%/if%>
  480. 这里是商品标题(商品从设定<%if params.goodsdata=='1'%>分类<%/if%><%if params.goodsdata=='2'%>分组<%/if%><%if params.goodsdata=='3'%>新品商品<%/if%><%if params.goodsdata=='4'%>热卖商品<%/if%><%if params.goodsdata=='5'%>推荐商品<%/if%><%if params.goodsdata=='6'%>促销商品<%/if%><%if params.goodsdata=='7'%>包邮商品<%/if%><%if params.goodsdata=='8'%>限时卖商品<%/if%><%if params.goodsdata=='9'%>积分兑换商品<%/if%><%if params.goodsdata=='10'%>积分抽奖商品<%/if%>读取)</div>
  481. <%/if%>
  482. <%if params.showprice=='1'%>
  483. <p class="productprice <%if (params.showproductprice !=1) && (params.showsales !=1)%>noheight<%/if%>">
  484. <%if (params.showproductprice==1)||(params.showsales==1)%>
  485. <%if params.showproductprice==1%>
  486. <span style="color: <%style.productpricecolor%>;"><%params.productpricetext||'原价'%>:<span <%if params.productpriceline=='1'%>style="text-decoration: line-through;"<%/if%>>¥99</span></span>
  487. <%/if%>
  488. <%if params.showsales==1%>
  489. <span style="color: <%style.salescolor%>;"><%params.salestext||'销量'%>:99</span>
  490. <%/if%>
  491. <%/if%>
  492. </p>
  493. <div class="price">
  494. <span class="text" style="color: <%style.pricecolor%>;">
  495. <p class="minprice">
  496. <%if params.goodstype==0||!params.goodstype%>
  497. ¥20.00
  498. <%else%>
  499. 10<small>积分</small>+20<small>元</small>
  500. <%/if%>
  501. </p>
  502. </span>
  503. <%if style.buystyle!='' && (params.goodstype==0||!params.goodstype)%>
  504. <%if style.buystyle=='buybtn-1'%>
  505. <span class="buy" style="border-color: <%style.buybtncolor%>;color:<%style.buybtncolor%> ">购买</span>
  506. <%/if%>
  507. <%if style.buystyle=='buybtn-2'%>
  508. <span class="buy buy buybtn-2" style="border-color: <%style.buybtncolor%>;background-color: <%style.buybtncolor%>;">购买</span>
  509. <%/if%>
  510. <%if style.buystyle=='buybtn-3'%>
  511. <span class="buy buybtn-3" style="background-color: <%style.buybtncolor%>; border-color: <%style.buybtncolor%>;"><i class="icon icon-cartfill"></i></span>
  512. <%/if%>
  513. <%if style.buystyle=='buybtn-4'%>
  514. <span class="buy buybtn-4" style="border-color: <%style.buybtncolor%>;"><i class="icon icon-cart" style="color: <%style.buybtncolor%>;"></i></span>
  515. <%/if%>
  516. <%if style.buystyle=='buybtn-5'%>
  517. <span class="buy buybtn-5" style="border-color: <%style.buybtncolor%>;"><i class="icon icon-add" style="color: <%style.buybtncolor%>;"></i></span>
  518. <%/if%>
  519. <%if style.buystyle=='buybtn-6'%>
  520. <span class="buy buybtn-6" style="background-color: <%style.buybtncolor%>; border-color: <%style.buybtncolor%>;"><i class="icon icon-add"></i></span>
  521. <%/if%>
  522. <%/if%>
  523. <%if params.goodstype==1%>
  524. <span class="buy buybtn-3" style="background-color: <%style.buybtncolor%>;">兑换</span>
  525. <%/if%>
  526. </div>
  527. <%/if%>
  528. </div>
  529. <%if params.saleout>-1%>
  530. <%if params.saleout==0%><div class="salez" style="background-image: url('{:tomedia($_W['shopset']['shop']['saleout'])}'); "></div><%/if%>
  531. <%if params.saleout==1%><div class="salez diy" style="background-image: url('/static/diypage/images/default/saleout-<%style.saleoutstyle%>.png'); "></div><%/if%>
  532. <%/if%>
  533. </div>
  534. <%/each%>
  535. <%/if%>
  536. </div>
  537. </div>
  538. </script>