fe / yohobuy-portal-fe2 · Commits

Go to a project

Authored by wangwei
Commit e00f481aa1c05f4ba90ca9d05f0ca9fec9239fee 1 parent 4e7c3b85

jkFloor

Inline Side-by-side
Showing 5 changed files with 173 additions and 0 deletions
@@ -624,6 +624,101 @@ @@ -624,6 +624,101 @@
624 [[/each]] 624 [[/each]]
625 </ul> 625 </ul>
626 </script> 626 </script>
  627 +<!--日韩馆(1T-1L-6R) -->
  628 +<script type="text/template" id="jkFloor-template">
  629 + <div class="form-group">
  630 + <div class="col-sm-6">
  631 + <label>标题</label>&emsp;&emsp;&emsp;&emsp;
  632 + <input type="text" placeholder="标题" class="form-control observe input-form" value="[[contentData.data.title.name]]" required="required" data-field="title.name">
  633 + </div>
  634 + <div class="col-sm-6">
  635 + <label>更多名称</label>&emsp;&emsp;
  636 + <input type="text" placeholder="更多名称" value="[[contentData.data.title.more_name]]" class="form-control observe input-form" data-field="title.more_name">
  637 + </div>
  638 + </div>
  639 + <div class="form-group">
  640 + <div class="col-sm-6">
  641 + <label>跳转目的</label>&emsp;&emsp;
  642 + <select name="goTo" class="form-control observe input-form" value="[[contentData.data.title.more_url.action]]" data-field="title.more_url.action">
  643 + [[layout action_template]]
  644 + </select>
  645 + </div>
  646 + <div class="col-sm-6">
  647 + <label>跳转地址</label>&emsp;&emsp;
  648 + <input type="text" placeholder="url" value="[[contentData.data.title.more_url.url]]" class="form-control observe input-form" data-field="title.more_url.url"/>
  649 + <br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<label style="color:#999;margin-top: 5px;">注：链接中不能有英文单引号</label>
  650 + </div>
  651 + </div>
  652 + <!--<p><input type="button" name="select-pic" class="btn btn-info btn-xs addBtn" value="添加大图" style="margin:10px;" data-event="jkFloor.big_image"></p>-->
  653 + <ul class="draggable" data-array="data.big_image">
  654 + [[each contentData.data.big_image as item index]]
  655 + <li>
  656 + <table class="table table-hover table-bordered responsive dataTable no-footer">
  657 + <tbody>
  658 + <tr>
  659 + <td align="center">[[index+1]]</td>
  660 + <td align="center"><input type="file" name="file" value="[[item.src]]" class="observe" data-field="big_image.[[index]].src"/></td>
  661 + <td>
  662 + <div class="form-group">
  663 + <div class="col-sm-10">
  664 + <select name="goTo" class="observe form-control" value="[[item.url.action]]" data-field="big_image.[[index]].url.action">
  665 + [[layout action_template]]
  666 + </select>
  667 + </div>
  668 + </div>
  669 + <div class="form-group">
  670 + <div class="col-sm-10">
  671 + <input placeholder="url" value="[[item.url.url]]" class="observe form-control" required="required" data-field="big_image.[[index]].url.url"/>
  672 + </div>
  673 + </div>
  674 + <div class="form-group">
  675 + <div class="col-sm-10">
  676 + <input placeholder="图片描述" value="[[item.title]]" class="observe form-control" data-field="big_image.[[index]].title"/>
  677 + </div>
  678 + </div>
  679 + </td>
  680 + </tr>
  681 + </tbody>
  682 + </table>
  683 + </li>
  684 + [[/each]]
  685 + </ul>
  686 + <p><input type="button" name="select-pic" class="btn btn-info btn-xs addBtn" value="添加小图" data-limit="6" style="margin:10px;" data-event="jkFloor.list"></p>
  687 + <ul class="draggable" data-array="data.list">
  688 + [[each contentData.data.list as item index]]
  689 + <li>
  690 + <table class="table table-hover table-bordered responsive dataTable no-footer">
  691 + <tbody>
  692 + <tr>
  693 + <td align="center">[[index+1]]</td>
  694 + <td align="center"><input type="file" name="file" value="[[item.src]]" class="observe" data-field="list.[[index]].src"/></td>
  695 + <td>
  696 + <div class="form-group">
  697 + <div class="col-sm-10">
  698 + <select name="goTo" class="observe form-control" value="[[item.url.action]]" data-field="list.[[index]].url.action">
  699 + [[layout action_template]]
  700 + </select>
  701 + </div>
  702 + </div>
  703 + <div class="form-group">
  704 + <div class="col-sm-10">
  705 + <input placeholder="url" value="[[item.url.url]]" class="observe form-control" required="required" data-field="list.[[index]].url.url"/>
  706 + </div>
  707 + </div>
  708 + <div class="form-group">
  709 + <div class="col-sm-10">
  710 + <input placeholder="图片描述" value="[[item.title]]" class="observe form-control" data-field="list.[[index]].title"/>
  711 + </div>
  712 + </div>
  713 + </td>
  714 + <td><button class="btn btn-danger btn-sm delBtn" data-event="jkFloor.list" type="button" data-index="[[index]]">删除</button></td>
  715 + </tr>
  716 + </tbody>
  717 + </table>
  718 + </li>
  719 + [[/each]]
  720 + </ul>
  721 +</script>
627 <!--推荐(1T-6F) --> 722 <!--推荐(1T-6F) -->
628 <script type="text/template" id="recommendContentTwo-template"> 723 <script type="text/template" id="recommendContentTwo-template">
629 <div class="form-group"> 724 <div class="form-group">
@@ -25,6 +25,20 @@ @@ -25,6 +25,20 @@
25 </ul> 25 </ul>
26 </div> 26 </div>
27 </div> 27 </div>
  28 +[[else if module.contentData.template_name=='jkFloor']]
  29 +<div class="jkFloor">
  30 + <div class="jkFloor-info">
  31 + <p class="title">[[module.contentData.data.title.name]]<a class="more" href="#">[[module.contentData.data.title.more_name]]</a>
  32 + </p>
  33 +
  34 + <ul class="small-pic">
  35 + <li class="li_0"><img src="[[module.contentData.data.big_image[0].src]]"></li>
  36 + [[each module.contentData.data.list as item index]]
  37 + <li class="li_[[index+1]]"><img src="[[item.src]]"></li>
  38 + [[/each]]
  39 + </ul>
  40 + </div>
  41 +</div>
28 [[else if module.contentData.template_name=='recommendContentTwo']] 42 [[else if module.contentData.template_name=='recommendContentTwo']]
29 <div class="recommend_content_two"> 43 <div class="recommend_content_two">
30 <div class="recommend-info"> 44 <div class="recommend-info">
@@ -142,6 +142,42 @@ var Button = [ @@ -142,6 +142,42 @@ var Button = [
142 } 142 }
143 }, 143 },
144 { 144 {
  145 + button_name: "日韩馆(1T-1L-6R)",
  146 + template_intro: "日韩馆(1T-1L-6R)",
  147 + template_name: "jkFloor",
  148 + dialog: "jkFloor-template",
  149 + "data": {
  150 + "title": {
  151 + "name": "",
  152 + "more_name": "",
  153 + "more_url": {
  154 + "action": "",
  155 + "url": ""
  156 + }
  157 + },
  158 + "big_image": [
  159 + {
  160 + "src": "",
  161 + "url": {
  162 + "action": "",
  163 + "url": ""
  164 + },
  165 + "title": ""
  166 + }
  167 + ],
  168 + "list": [
  169 + {
  170 + "src": "",
  171 + "title": "",
  172 + "url": {
  173 + "action": "",
  174 + "url": ""
  175 + }
  176 + }
  177 + ]
  178 + }
  179 + },
  180 + {
145 button_name: "推荐(1T-6F)", 181 button_name: "推荐(1T-6F)",
146 template_name: "recommendContentTwo", 182 template_name: "recommendContentTwo",
147 template_intro: "一张大图和6个小图推荐", 183 template_intro: "一张大图和6个小图推荐",
@@ -197,6 +197,23 @@ var addObj = { @@ -197,6 +197,23 @@ var addObj = {
197 "url": "" 197 "url": ""
198 } 198 }
199 }, 199 },
  200 + //日韩馆(1T-1L-6R)"
  201 + jkFloor_big_image: {
  202 + "src": "",
  203 + "url": {
  204 + "action": "",
  205 + "url": ""
  206 + },
  207 + "title": ""
  208 + },
  209 + jkFloor_list: {
  210 + "src": "",
  211 + "title": "",
  212 + "url": {
  213 + "action": "",
  214 + "url": ""
  215 + }
  216 + },
200 //推荐(1T-6F) 217 //推荐(1T-6F)
201 recommendContentTwo_big_image: { 218 recommendContentTwo_big_image: {
202 "src": "", 219 "src": "",
@@ -329,6 +329,17 @@ ul li, ol li{ @@ -329,6 +329,17 @@ ul li, ol li{
329 #source-m .content-right .recommend_content_one .samll-list .li_4{position:absolute; width:100px; top:250px; left:310px;} 329 #source-m .content-right .recommend_content_one .samll-list .li_4{position:absolute; width:100px; top:250px; left:310px;}
330 #source-m .content-right .recommend_content_one .samll-list .li_4 img{width:100px;height:100px;} 330 #source-m .content-right .recommend_content_one .samll-list .li_4 img{width:100px;height:100px;}
331 331
  332 +#source-m .content-left p.title{height:40px; text-align:center; line-height:40px;background:#fff;position:relative;}
  333 +#source-m .content-left p.title a{ position:absolute; right:10px; top:0px;}
  334 +#source-m .content-left p.big-pic img{ width:320px;height:120px;}
  335 +#source-m .content-left .jkFloor .small-pic {position:relative; height:210px;}
  336 +#source-m .content-left .jkFloor .small-pic .li_0 img{position:absolute; width:120px; height:200px; top:0; left:0}
  337 +#source-m .content-left .jkFloor .small-pic .li_1 img{position:absolute; width:66px; height:100px; top:0; left:120px}
  338 +#source-m .content-left .jkFloor .small-pic .li_2 img{position:absolute; width:66px; height:100px; top:0; left:188px}
  339 +#source-m .content-left .jkFloor .small-pic .li_3 img{position:absolute; width:66px; height:100px; top:0px; left:254px}
  340 +#source-m .content-left .jkFloor .small-pic .li_4 img{position:absolute; width:66px; height:100px; top:100px; left:120px}
  341 +#source-m .content-left .jkFloor .small-pic .li_5 img{position:absolute; width:66px; height:100px; top:100px; left:188px}
  342 +#source-m .content-left .jkFloor .small-pic .li_6 img{position:absolute; width:66px; height:100px; top:100px; left:254px}
332 /*锟斤拷銊拷锟介敍锟�1T-6F閿涳拷*/ 343 /*锟斤拷銊拷锟介敍锟�1T-6F閿涳拷*/
333 #source-m .content-left .recommend_content_two .small-pic {} 344 #source-m .content-left .recommend_content_two .small-pic {}
334 #source-m .content-left .recommend_content_two .small-pic li{ float:left;} 345 #source-m .content-left .recommend_content_two .small-pic li{ float:left;}