Files
littleTiger/public/static/js/tp-drag-join-module.js

86 lines
23 KiB
JavaScript
Raw Normal View History

2019-02-28 19:48:21 +08:00
/*用自定义属性data-eidtid记录区分打开的diy编辑触发器*/
var dataEidtid=['tpd-poster','tpd-banner','tpd-navs','tpd-goods','tpd-window','tpd-txtnav','tpd-activity','tpd-coupon','tpd-search','tpd-storeh','tpd-message','tpd-footmenu','tpd-news','tpd-newArrival','tpd-video','tpd-graphicList','tpd-richText','tpd-text','tpd-multipleStores','tpd-forms'];
var diyHtml={
'tpd-poster':['<a href="javascript:;" class="tpdm-postyle tpdm-postyle2"> <img src="/public/static/images/pic-poster.jpg" alt="" /></a>'],
'tpd-banner':['<div class="tpdm-carousel"><ul class="tpd-banner-list"> <li><a href="javascript:;"><img src="/public/static/images/banner1.jpg" alt="" /></a></li><li><a href="javascript:;"> <img src="/public/static/images/banner2.jpg" alt="" /></a></li></ul><div class="page-num"><span></span><span></span></div> </div><div class="tpdm-carousel-js"></div>'],
'tpd-navs':['<div class="tpdm-navstyle tpdm-navstyle5 clearfix"> <a href="javascript:;"> <div class="tpdm-navstyle-ico"><img src="/public/static/images/ico-nav1.jpg" alt="" /></div><p class="tpdm-navstyle-cont">分类</p> </a> <a href="javascript:;"> <div class="tpdm-navstyle-ico"><img src="/public/static/images/ico-nav2.jpg" alt="" /></div> <p class="tpdm-navstyle-cont">关注</p> </a> <a href="javascript:;"> <div class="tpdm-navstyle-ico"><img src="/public/static/images/ico-nav3.jpg" alt="" /></div> <p class="tpdm-navstyle-cont">收藏</p> </a> <a href="javascript:;"> <div class="tpdm-navstyle-ico"><img src="/public/static/images/ico-nav4.jpg" alt="" /></div> <p class="tpdm-navstyle-cont">购物车</p> </a> <a href="javascript:;"> <div class="tpdm-navstyle-ico"><img src="/public/static/images/ico-nav5.jpg" alt="" /></div> <p class="tpdm-navstyle-cont">个人中心</p></a> </div>'],
'tpd-goods':['<div class="tpdm-gdstyle"><ul class="tpdm-goods-nav tpdm-goods-nav3"><li>列表名称1</li> <li>列表名称2</li> <li>列表名称3</li></ul> <div class="tpdm-goods-list tpdm-goods-list1"> <ul class="tpdm-goods-wrap clearfix"> <li> <a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a> <a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a> <div class="tpdm-goods-des"> <div class="tpdm-goods-price">¥128.00</div> <a class="tpdm-goods-like" href="javascript:;">看相似</a> </div> </li> <li> <a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a> <a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a> <div class="tpdm-goods-des"> <div class="tpdm-goods-price">¥128.00</div> <a class="tpdm-goods-like" href="javascript:;">看相似</a> </div></li> <li> <a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a><a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a><div class="tpdm-goods-des"><div class="tpdm-goods-price">¥128.00</div> <a class="tpdm-goods-like" href="javascript:;">看相似</a> </div></li> <li><a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a> <a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a> <div class="tpdm-goods-des"><div class="tpdm-goods-price">¥128.00</div><a class="tpdm-goods-like" href="javascript:;">看相似</a> </div></li> </ul></div></div>'],
'tpd-window':[
'<div class="tpdm-wstyle tpdm-wstyle-wrap1"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a> </div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap2"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap3"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap4"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap5"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap6"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a> <a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle4"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap7"> <a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a> <a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle4"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap8"><div class="clearfix"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle4"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div><a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>',
'<div class="tpdm-wstyle tpdm-wstyle-wrap9"><a href="javascript:;" class="tpdm-wstyle1"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle2"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle3"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a><a href="javascript:;" class="tpdm-wstyle4"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /></a></div>'
],
'tpd-txtnav':['<div class="tpdm-txtnav-list"><p class="txtnav-list-cont fontSizes" txtNav_fonts="14" >法国原装进口迪奥香水</p><a href="javascript:;">更多</a></div>'],
'tpd-activity':[
'<div class="tpdm-acstyle"><div class="tpdm-activity-title">拼团标题(没有标题则此栏不显示)</div><div class="tpdm-goods-list tpdm-goods-list1"><ul class="tpdm-goods-wrap clearfix nxkhh" id="nxkhh"><li><a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a><a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a><div class="tpdm-goods-des"><div class="tpdm-goods-price">¥12222228.00</div><div class="tpdm-sold-num">已拼1000000</div></div> <div class="tpdm-goods-mes"> <a href="javascript:;">去拼单 ></a><span>100团</span><div class="tpdm-acbuyer"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /> ...</div></div></li><li> <a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a><a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a><div class="tpdm-goods-des"><div class="tpdm-goods-price">¥12222228.00</div> <div class="tpdm-sold-num">已拼1000000</div> </div><div class="tpdm-goods-mes"><a href="javascript:;">去拼单 ></a><span>100团</span><div class="tpdm-acbuyer"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" /> ...</div> </div> </li> <li> <a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a> <a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a><div class="tpdm-goods-des"><div class="tpdm-goods-price">¥12222228.00</div> <div class="tpdm-sold-num">已拼1000000</div></div><div class="tpdm-goods-mes"><a href="javascript:;">去拼单 ></a><span>100团</span><div class="tpdm-acbuyer"><img src="/public/static/images/pic-wstyle-list1.jpg" alt="" />... </div></div></li><li><a class="tpdm-goods-pic" href="javascript:;"><img src="" alt="" /></a><a href="javascript:;" class="tpdm-goods-name">联想台式机主机 GTX1080Ti游戏主机DIY组装机 i7 6700</a> <div class="tpdm-goods-des"> <div class="tpdm-goods-price">¥12222228.00</div> <div class="tpdm-sold-num">已拼1000000</div> </div> <div class="tpdm-goods-mes"> <a href="javascript:;">去拼单 ></a> <span>100团</span> <div class="tpdm-acbuyer"> <img src="/public/static/images/pic-wstyle-list1.jpg" alt="" />... </div> </div> </li> </ul> </div> </div>',
'<div class="tpdm-acstyle"> <div class="tpdm-seckill-title"><label>秒杀专场</label><span id="flash_time">12点专场</span> <ul class="tpdm-seckill-time" id="hms"> <li id="time_h">12</li> <li id="time_m">05</li> <li id="time_s">18</li> </ul> <a href="/Mobile/Activity/flash_sale_list.html">更多 ></a> </div> <div class="tpdm-seckill-list" id="flash_list"> <a href="javascript:;"> <img src="" alt="" /><span>¥158</span><i>¥258</i></a><a href="javascript:;"><img src="" alt="" /><span>¥158</span> <i>¥258</i></a><a href="javascript:;"><img src="" alt="" /><span>¥158</span><i>¥258</i></a><a href="javascript:;"><img src="" alt="" /><span>¥158</span><i>¥258</i></a></div></div>'
],
'tpd-coupon':[
'<ul class="tpdm-coupon-list tpdm-coupon-lis1"><li><div class="tpdm-coupon-wrap"><span><i>¥</i>100</span><label>满200使用</label><a href="javascript:;">立即领取</a></div></li><li><div class="tpdm-coupon-wrap"><span><i>¥</i>100</span><label>满200使用</label><a href="javascript:;">立即领取</a></div></li><li><div class="tpdm-coupon-wrap"> <span><i>¥</i>100</span><label>满200使用</label><a href="javascript:;">立即领取</a></div></li> </ul>',
'<ul class="tpdm-coupon-list tpdm-coupon-lis2"><li><div class="tpdm-coupon-wrap"><span><i>¥</i>100</span><label>满200使用</label><a href="javascript:;">立即领取</a></div></li><li><div class="tpdm-coupon-wrap"><span><i>¥</i>100</span><label>满200使用</label><a href="javascript:;">立即领取</a></div></li></ul>'
],
'tpd-search':['<div class="tpd-search-warp clearfix"><div class="tpd-search-tm"></div><a class="tpd-logo" href="javascript:;"><img src="/public/static/images/logo.png" alt="" /></a><form class="tpd-search-form" action=""><i class="ico-head-search"></i><a href="/mobile/Goods/ajaxSearch.html"><input type="text" placeholder="请输入您所搜索的商品" /></a></form><a id="login_url" class="tpd-personal-warp" href="/Mobile/User/login.html"> <span id="login_ico">登录</span> <i class="ico-head-personal"></i> </a></div>'],
'tpd-storeh':['<div class="tpd-store-head"><div class="tpd-storeh-cont tpd-storeh-cont1"><a class="tpd-storeh-logo" href="javascript:;"><img src="/public/static/images/logo.png" alt="" /></a><div class="tpd-storeh-name"><span>店铺名称</span><i class="tpd-storeh-collect">收藏</i></div><div class="tpd-storeh-des">一句话介绍你的店铺</div></div></div>'],
'tpd-message':['<div class="tpdm-messtyle clearfix"><div class="tpdm-mes-logo"><img src="/public/static/images/pic-mes-logo.jpg" alt="" /></div><ul class="tpdm-mes-title" id="tpdm-mes-title"><li class="tpdm-mesname1"><a class="ellipsis1 tpdm-mescont1" href="javascript:;"><i class="tpdm-mesname-name fontSizes" txtnav_fonts="14">2998 ! 全新OPPO R11团购仅需2998元</i></a></li><li class="tpdm-mesname2"><a class="ellipsis1 tpdm-mescont2" href="javascript:;"><i class="tpdm-mesname-name fontSizes" txtNav_fonts="14">法国原装进口迪奥香水,最新款等你来免费试用!</i></a></li></ul></div>'],
'tpd-footmenu':['<div class="tpd-footer tpd-footer5"><a class="footmenu-ac" href="/mobile/Index/index"><i class="ico-foot1 icoimg1"><img src="/template/mobile/rainbow/static/images/home1.png"/></i><i class="ico-foot1 icoimg2"><img src="/template/mobile/rainbow/static/images/home2.png"/></i><span>首页</span></a><a href="/mobile/Goods/categoryList.html"><i class="ico-foot1 icoimg1"><img src="/template/mobile/rainbow/static/images/category1.png"/></i><i class="ico-foot1 icoimg2"><img src="/template/mobile/rainbow/static/images/category2.png"/></i><span>分类</span></a><a class="tpd-footer-find" href="/mobile/Goods/ajaxSearch"><i class="ico-foot1 icoimg1"><img src="/template/mobile/rainbow/static/images/find1.png"/></i><i class="ico-foot1 icoimg2"><img src="/template/mobile/rainbow/static/images/find2.png"/></i><span>发现</span></a><a href="/mobile/Cart/index"><i class="ico-foot1 icoimg1"><img src="/template/mobile/rainbow/static/images/cart1.png"/></i><i class="ico-foot1 icoimg2"><img src="/template/mobile/rainbow/static/images/cart2.png"/></i><span>购物车</span></a><a href="/Mobile/User/login"> <i class="ico-foot1 icoimg1"><img src="/template/mobile/rainbow/static/images/user1.png"/></i><i class="ico-foot1 icoimg2"><img src="/template/mobile/rainbow/static/images/user2.png"/></i><span>我的</span></a></div>'],
'tpd-news':['<div class="hot-titles"><h5>新闻资讯<a href="/mobile/news/news_list">更多>></a></h5></div><div class="hot-tea hot-tea-lists newlist-con"><div class="hottea-list newlist-item"><ul><li><a href="javascript:void(0);"><div class="carlist-img fl"><img src="/public/static/images/newsimg1.png"></div><div class="carlist-txt fr"><b>【文章分类】此处为新闻标题</b><p>此处为新闻小标题或者内容简介,一句话概括</p><span><em>普洱茶类</em><img src="/public/static/images/icon-fire.png"><i>2018-04-17</i></span></div></a></li></ul></div></div>'],
'tpd-newArrival':['<div class="containers-slider-title">最新上线</div><div class="containers-slider-wrap"><div class="containers-slider-cont"><div class="containers-slider-item"><div class="seckill-item-img"><a><img src="/public/static/images/pic-wstyle-sp.jpg" /></a></div><div class="seckill-item-name"><p>伊朗甜瓜宝盛道吉度假胜地,包甜包脆</p></div><div class="seckill-item-price" class="p"><span class="fl">¥<em>29.00</em></span><del class="fr">¥<em>2.00</em></del></div></div><div class="containers-slider-item"><div class="seckill-item-img"><a><img src="/public/static/images/pic-wstyle-sp.jpg" /></a></div><div class="seckill-item-name"><p>伊朗甜瓜宝盛道吉度假胜地,包甜包脆</p></div><div class="seckill-item-price" class="p"><span class="fl">¥<em>29.00</em></span><del class="fr">¥<em>2.00</em></del></div></div><div class="containers-slider-item"><div class="seckill-item-img"><a><img src="/public/static/images/pic-wstyle-sp.jpg" /></a></div><div class="seckill-item-name"><p>伊朗甜瓜宝盛道吉度假胜地,包甜包脆</p></div><div class="seckill-item-price" class="p"><span class="fl">¥<em>29.00</em></span><del class="fr">¥<em>2.00</em></del></div></div><div class="containers-slider-item"><div class="seckill-item-img"><a><img src="/public/static/images/pic-wstyle-sp.jpg" /></a></div><div class="seckill-item-name"><p>伊朗甜瓜宝盛道吉度假胜地,包甜包脆</p></div><div class="seckill-item-price" class="p"><span class="fl">¥<em>29.00</em></span><del class="fr">¥<em>2.00</em></del></div></div></div></div>'],
'tpd-video':['<video class="video_show" style="background-color: rgb(0, 0, 0);width: 100%; height: 100%;" src="http://192.168.0.146:1005/public/upload/goods/2018/08-10/65fee884ee7a48977e8284750bd7f98f.mp4" controls="controls">your browser does not support the video tag</video>'],
'tpd-graphicList':[
'<div class="tpd-graphicLists tpd-graphic-wrap1"><ul><li><a href="javascript:;"><div class="tpd-graphicList-img fl"><img src="/public/static/images/pic-wstyle-list1.jpg"/></div><div class="tpd-graphicList-cont fr"><h3>侠客岛对话郑永年:如何应对特朗普全政府对华战略</h3><p>这么大一笔钱,除了购置大批武器装备、推进先进装备的研发外,其中最引人关注的就是对于战略对手和“假想敌”的针对性。比如,俄罗斯就认为这份法案“令人警觉”,因为其中有拨款支持美国及其盟友在欧洲、尤其是俄边境的巡视行动;法案也授权允许美国政府针对俄罗斯进行制裁,禁止华府销售国防设备给使用俄罗斯科技的国家。</p></div></a></li></ul></div>',
'<div class="tpd-graphicLists tpd-graphic-wrap2"><ul><li><a href="javascript:;"><div class="tpd-graphicList-cont fl"><h3>正视频播男篮红队vs克罗地亚 周琦丁彦雨航出战</h3><p>男篮蓝队主帅杜锋腾讯体育深圳讯(文/张帝李轶楠北京时间8月16日2018斯坦科维奇杯第三比赛日继续开战男篮蓝队将于今晚迎战突尼斯。</p></div><div class="tpd-graphicList-img fr"><img src="/public/static/images/pic-wstyle-list1.jpg"/></div></a></li></ul></div>',
'<div class="tpd-graphicLists tpd-graphic-wrap3"><ul><li><a href="javascript:;"><div class="tpd-graphicList-cont"><h3>多地对抗癌药下“降价令” 年底前完成专项集中采购工作</h3><p>据权威人士透露,近日国家医保局、国家卫健委正式下发《关于开展抗癌药省级专项采购工作的通知》,指出实施以抗癌药为重点的重大疾病药品专项集中采购工作,通过集中带量采购,降低用药价格,在降税基础上进一步实现降价效应,满足群众用药需求。</p></div><div class="tpd-graphicList-img"><img src="/public/static/images/pic-wstyle-list1.jpg"/></div></a></li></ul></div>',
'<div class="tpd-graphicLists tpd-graphic-wrap4"><ul><li><a href="javascript:;"><div class="tpd-graphicList-cont"><h3>跆拳道奥运冠军赵帅担任中国代表团亚运会旗手</h3><p>腾讯体育讯 北京时间2018年8月16日10:45中国亚运代表团举行升旗仪式中国亚运健儿的雅加达之旅正式开启中国代表团秘书长、竞体司司长刘国永在仪式上宣布赵帅为中国代表团旗手。</p></div><div class="tpd-graphicList-img"><img src="/public/static/images/pic-wstyle-list1.jpg"/><img src="/public/static/images/pic-wstyle-list1.jpg"/></div></a></li></ul></div>',
'<div class="tpd-graphicLists tpd-graphic-wrap5"><ul><li><a href="javascript:;"><div class="tpd-graphicList-cont"><h3>中国密集出台措施优化营商环境 外企加大对华投资</h3><p>近期,中国政府密集出台扩大对外开放、改善营商环境的举措,而基于对中国投资前景的看好,许多外资企业纷纷进一步扩大在中国的产能、规模和投资。</p></div><div class="tpd-graphicList-img"><img src="/public/static/images/pic-wstyle-list1.jpg"/><img src="/public/static/images/pic-wstyle-list1.jpg"/><img src="/public/static/images/pic-wstyle-list1.jpg"/></div></a></li></ul></div>'
],
'tpd-richText':['<div class="tpd-richText-cont">文字样式: <i>斜体、<i/><b>加粗、</b><span style="text-decoration: underline;">下划线、</span>文字</br></br><span style="color:rgb(155, 187, 89);">颜色、</span><span style="background-color: rgb(255, 0, 0);">背景颜色、</span>以及字号大小。</br></br>也可填写文章等内容。</div>'],
'tpd-text':[
'<div class="tpd-text-cont fontSizes" txtNav_fonts="14"><a href="javascript:;">添加一个文本</a></div>'
// ,'<div class="tpd-text-cont fontSizes" txtNav_fonts="14">——<a href="javascript:;" class="textma10">添加一个文本</a>——</div>'
],
'tpd-multipleStores':['<div class="tpd-multipleStores-wrap"><div class="tpd-multipleStores-head">——<span>附近商家</span>——</div><div class="tpd-multipleStores-dizi"><i class="tpd-multipleStores-icon1"><img src="/public/static/images/z-dingw1.png"/></i><span>当前:</span><em>高新6路 金蝶大夏</em></div><div class="tpd-multipleStores-li"><ul><li><a href="javascript:;"><div class="tpd-multipleStores-list"> <div class="tpd-multipleStores-img"><img src="/public/static/images/haidilao.jpg"/></div><div class="tpd-multipleStores-cont"><h3>中餐厅</h3><p>中餐厅.现炒料理 汇聚各地名菜口味 所以食材都以新鲜材料来烹饪,口感极佳</p></div></div><div class="tpd-multipleStores-wzhi"><i class="tpd-multipleStores-icon2"></i><p>广东省深圳市龙岗区城市山海中心A座</p><span><em>1</em>Km</span></div> </a></li><li><a href="javascript:;"><div class="tpd-multipleStores-list"> <div class="tpd-multipleStores-img"><img src="/public/static/images/haidilao.jpg"/></div><div class="tpd-multipleStores-cont"><h3>中餐厅</h3><p>中餐厅.现炒料理 汇聚各地名菜口味 所以食材都以新鲜材料来烹饪,口感极佳 汇聚各地名菜口味 所以食材都以新鲜材料来烹饪,口感极佳</p></div></div><div class="tpd-multipleStores-wzhi"><i class="tpd-multipleStores-icon2"></i><p>广东省深圳市龙岗区城市山海中心A座</p><span><em>5</em>Km</span></div> </a></li><li><a href="javascript:;"><div class="tpd-multipleStores-list"> <div class="tpd-multipleStores-img"><img src="/public/static/images/haidilao.jpg"/></div><div class="tpd-multipleStores-cont"><h3>中餐厅</h3><p>中餐厅.现炒料理 汇聚各地名菜口味 所以食材都以新鲜材料来烹饪,口感极佳 汇聚各地名菜口味 所以食材都以新鲜材料来烹饪,口感极佳</p></div></div><div class="tpd-multipleStores-wzhi"><i class="tpd-multipleStores-icon2"></i><p>广东省深圳市龙岗区城市山海中心A座</p><span><em>16.2</em>Km</span></div> </a></li></ul></div> </div>'],
'tpd-forms':['<form><div class="tpd-forms-cont">111</div><div class="tpd-form-btn"><input type="button" value="提交" /><div></form>']
}
//轮播
function initSlide(parent,ele,t){// ele :id ,time:时间(毫秒)
var scriptHtml="<script>swiperSlide("+ele+","+t+")</script>";
parent.find('.tpdm-carousel-js').html(scriptHtml);
}
function swiperSlide(ele,t) {
var carousel=$(ele);
var page=carousel.find('.page-num');
setPage(carousel,page);
carousel.swipeSlide({
continuousScroll:true,
speed : t,
transitionType : 'cubic-bezier(0.22, 0.69, 0.72, 0.88)',
callback : function(i,sum,me){
page.find('span').eq(i).addClass('page-ac').siblings().removeClass('page-ac');
}
});
}
function setPage(ele1,ele2){ //生成圆点
ele2.html('');
for(var i=0,j=ele1.find('li').length;i<j;i++){
ele2.append("<span></span>");
}
ele2.find('span').eq(0).addClass('page-ac');
}