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 @@
[[/each]]
</ul>
</script>
<!--日韩馆(1T-1L-6R) -->
<script type="text/template" id="jkFloor-template">
<div class="form-group">
<div class="col-sm-6">
<label>标题</label>&emsp;&emsp;&emsp;&emsp;
<input type="text" placeholder="标题" class="form-control observe input-form" value="[[contentData.data.title.name]]" required="required" data-field="title.name">
</div>
<div class="col-sm-6">
<label>更多名称</label>&emsp;&emsp;
<input type="text" placeholder="更多名称" value="[[contentData.data.title.more_name]]" class="form-control observe input-form" data-field="title.more_name">
</div>
</div>
<div class="form-group">
<div class="col-sm-6">
<label>跳转目的</label>&emsp;&emsp;
<select name="goTo" class="form-control observe input-form" value="[[contentData.data.title.more_url.action]]" data-field="title.more_url.action">
[[layout action_template]]
</select>
</div>
<div class="col-sm-6">
<label>跳转地址</label>&emsp;&emsp;
<input type="text" placeholder="url" value="[[contentData.data.title.more_url.url]]" class="form-control observe input-form" data-field="title.more_url.url"/>
<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<label style="color:#999;margin-top: 5px;">注：链接中不能有英文单引号</label>
</div>
</div>
<!--<p><input type="button" name="select-pic" class="btn btn-info btn-xs addBtn" value="添加大图" style="margin:10px;" data-event="jkFloor.big_image"></p>-->
<ul class="draggable" data-array="data.big_image">
[[each contentData.data.big_image as item index]]
<li>
<table class="table table-hover table-bordered responsive dataTable no-footer">
<tbody>
<tr>
<td align="center">[[index+1]]</td>
<td align="center"><input type="file" name="file" value="[[item.src]]" class="observe" data-field="big_image.[[index]].src"/></td>
<td>
<div class="form-group">
<div class="col-sm-10">
<select name="goTo" class="observe form-control" value="[[item.url.action]]" data-field="big_image.[[index]].url.action">
[[layout action_template]]
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<input placeholder="url" value="[[item.url.url]]" class="observe form-control" required="required" data-field="big_image.[[index]].url.url"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<input placeholder="图片描述" value="[[item.title]]" class="observe form-control" data-field="big_image.[[index]].title"/>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</li>
[[/each]]
</ul>
<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>
<ul class="draggable" data-array="data.list">
[[each contentData.data.list as item index]]
<li>
<table class="table table-hover table-bordered responsive dataTable no-footer">
<tbody>
<tr>
<td align="center">[[index+1]]</td>
<td align="center"><input type="file" name="file" value="[[item.src]]" class="observe" data-field="list.[[index]].src"/></td>
<td>
<div class="form-group">
<div class="col-sm-10">
<select name="goTo" class="observe form-control" value="[[item.url.action]]" data-field="list.[[index]].url.action">
[[layout action_template]]
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<input placeholder="url" value="[[item.url.url]]" class="observe form-control" required="required" data-field="list.[[index]].url.url"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-10">
<input placeholder="图片描述" value="[[item.title]]" class="observe form-control" data-field="list.[[index]].title"/>
</div>
</div>
</td>
<td><button class="btn btn-danger btn-sm delBtn" data-event="jkFloor.list" type="button" data-index="[[index]]">删除</button></td>
</tr>
</tbody>
</table>
</li>
[[/each]]
</ul>
</script>
<!--推荐(1T-6F) -->
<script type="text/template" id="recommendContentTwo-template">
<div class="form-group">
... ...
... ... @@ -25,6 +25,20 @@
</ul>
</div>
</div>
[[else if module.contentData.template_name=='jkFloor']]
<div class="jkFloor">
<div class="jkFloor-info">
<p class="title">[[module.contentData.data.title.name]]<a class="more" href="#">[[module.contentData.data.title.more_name]]</a>
</p>
<ul class="small-pic">
<li class="li_0"><img src="[[module.contentData.data.big_image[0].src]]"></li>
[[each module.contentData.data.list as item index]]
<li class="li_[[index+1]]"><img src="[[item.src]]"></li>
[[/each]]
</ul>
</div>
</div>
[[else if module.contentData.template_name=='recommendContentTwo']]
<div class="recommend_content_two">
<div class="recommend-info">
... ...
... ... @@ -142,6 +142,42 @@ var Button = [
}
},
{
button_name: "日韩馆(1T-1L-6R)",
template_intro: "日韩馆(1T-1L-6R)",
template_name: "jkFloor",
dialog: "jkFloor-template",
"data": {
"title": {
"name": "",
"more_name": "",
"more_url": {
"action": "",
"url": ""
}
},
"big_image": [
{
"src": "",
"url": {
"action": "",
"url": ""
},
"title": ""
}
],
"list": [
{
"src": "",
"title": "",
"url": {
"action": "",
"url": ""
}
}
]
}
},
{
button_name: "推荐(1T-6F)",
template_name: "recommendContentTwo",
template_intro: "一张大图和6个小图推荐",
... ...
... ... @@ -197,6 +197,23 @@ var addObj = {
"url": ""
}
},
//日韩馆(1T-1L-6R)"
jkFloor_big_image: {
"src": "",
"url": {
"action": "",
"url": ""
},
"title": ""
},
jkFloor_list: {
"src": "",
"title": "",
"url": {
"action": "",
"url": ""
}
},
//推荐(1T-6F)
recommendContentTwo_big_image: {
"src": "",
... ...
... ... @@ -329,6 +329,17 @@ ul li, ol li{
#source-m .content-right .recommend_content_one .samll-list .li_4{position:absolute; width:100px; top:250px; left:310px;}
#source-m .content-right .recommend_content_one .samll-list .li_4 img{width:100px;height:100px;}
#source-m .content-left p.title{height:40px; text-align:center; line-height:40px;background:#fff;position:relative;}
#source-m .content-left p.title a{ position:absolute; right:10px; top:0px;}
#source-m .content-left p.big-pic img{ width:320px;height:120px;}
#source-m .content-left .jkFloor .small-pic {position:relative; height:210px;}
#source-m .content-left .jkFloor .small-pic .li_0 img{position:absolute; width:120px; height:200px; top:0; left:0}
#source-m .content-left .jkFloor .small-pic .li_1 img{position:absolute; width:66px; height:100px; top:0; left:120px}
#source-m .content-left .jkFloor .small-pic .li_2 img{position:absolute; width:66px; height:100px; top:0; left:188px}
#source-m .content-left .jkFloor .small-pic .li_3 img{position:absolute; width:66px; height:100px; top:0px; left:254px}
#source-m .content-left .jkFloor .small-pic .li_4 img{position:absolute; width:66px; height:100px; top:100px; left:120px}
#source-m .content-left .jkFloor .small-pic .li_5 img{position:absolute; width:66px; height:100px; top:100px; left:188px}
#source-m .content-left .jkFloor .small-pic .li_6 img{position:absolute; width:66px; height:100px; top:100px; left:254px}
/*锟斤拷銊拷锟介敍锟�1T-6F閿涳拷*/
#source-m .content-left .recommend_content_two .small-pic {}
#source-m .content-left .recommend_content_two .small-pic li{ float:left;}
... ...