3329 lines
179 KiB
HTML
3329 lines
179 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta charset="utf-8">
|
||
<title>首页可视化布局系统</title>
|
||
<meta name="keywords" content="可视化,操作,布局">
|
||
<meta name="description" content="可拖放排序在线编辑的Bootstrap可视化布局系统">
|
||
|
||
<!-- Le styles -->
|
||
<link rel="stylesheet" type="text/css" href="./static/shop/common/css/bootstrap.css?v=2.0.277"/>
|
||
<link rel="stylesheet" type="text/css" href="./static/shop/common/css/common.css?v=2.0.277"/>
|
||
<link rel="stylesheet" type="text/css" href="./static/shop/default/css/default.css?v=2.0.277"/>
|
||
|
||
|
||
<link href="./static/admin/default/css/page_layout.css?v=2.0.277" rel="stylesheet">
|
||
|
||
<link rel="stylesheet" type="text/css" href="./static/shop/default/css/option2.css?v=2.0.277"/>
|
||
|
||
<link rel="stylesheet" type="text/css" media="screen" href="./static/admin/common/css/dialog.css" />
|
||
|
||
<style>
|
||
|
||
.icon-radio {
|
||
display: inline-block;
|
||
*zoom:1;*display: inline;
|
||
width: 14px;
|
||
height: 14px;
|
||
border-radius: 7px;
|
||
background-color: #fff;
|
||
position: relative;
|
||
-webkit-transition: all .3s ease;
|
||
transition: all .3s ease
|
||
}
|
||
|
||
.icon-radio:before {
|
||
content: "";
|
||
display: block;
|
||
width: 20px;
|
||
height: 20px;
|
||
border: 1px solid #e0e0e0;
|
||
border-radius: 11px;
|
||
position: absolute;
|
||
top: -3px;
|
||
left: -3px
|
||
}
|
||
|
||
.modal-choose-pro
|
||
{
|
||
margin:0px;
|
||
width: auto;
|
||
|
||
}
|
||
|
||
.modal-choose-pro .modal-content {
|
||
padding:10px;
|
||
}
|
||
|
||
|
||
.modal-choose-pro .modal-footer {
|
||
padding:10px;
|
||
}
|
||
|
||
.modal-choose-pro .list li
|
||
{
|
||
margin:0 10px;
|
||
height: auto;
|
||
}
|
||
.modal-choose-pro .list li img{
|
||
|
||
height: 100px;
|
||
}
|
||
|
||
|
||
form .form-group-separator {
|
||
height: 1px;
|
||
background: #eee;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
|
||
|
||
|
||
.products-block-left {
|
||
background-color: #FFF;
|
||
text-align: center;
|
||
padding: 4px;
|
||
border: dashed 1px #DDD;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
.products-block-left:hover {
|
||
border: solid 1px #19AEDE;
|
||
box-shadow: 0 0 6px rgba(0,0,0,0.25);
|
||
}
|
||
|
||
.products-block-left a {
|
||
color: #FFF;
|
||
background-color: #19AEDE;
|
||
display: none;
|
||
padding: 4px 8px;
|
||
position: absolute;
|
||
z-index: 1;
|
||
top: 4px;
|
||
right: 4px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.products-block-left a i {
|
||
font-size: 14px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.products-block-left:hover a {
|
||
display: block;
|
||
}
|
||
|
||
.product-container
|
||
{
|
||
margin-bottom: 20px;
|
||
}
|
||
</style>
|
||
|
||
|
||
<script type="text/javascript">
|
||
window.SYS = {CONFIG:{}, URL:{}};
|
||
window.zIndex = 2976;
|
||
|
||
|
||
SYS.CONFIG['static_url'] = '/diy-pc/static/admin'
|
||
SYS.LD = {lang:'zh_CN', currency_id:86, symbol:'￥', symbol_right:'RMB'};
|
||
|
||
function getUrlParam(name) {
|
||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||
var r = window.location.search.substr(1).match(reg);
|
||
if (r != null) return unescape(r[2]); return null;
|
||
}
|
||
|
||
api_url = getUrlParam('api_url');
|
||
</script>
|
||
|
||
<script type="text/javascript" src="../config.js?v=2.0.278"></script>
|
||
|
||
|
||
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||
<!--[if lt IE 9]>
|
||
<script src="./static/admin/common/js/html5shiv.js?v=2.0.277"></script>
|
||
<![endif]-->
|
||
<script src="./static/admin/common/js/libs.min.js?v=2.0.277?self=false"></script>
|
||
|
||
<script type="text/javascript" src="./static/admin/common/js/vue.min.js?v=2.0.277"></script>
|
||
|
||
<script type="text/javascript" src="./static/shop/common/js/common.js?v=2.0.277"></script>
|
||
<script type="text/javascript" src="./static/shop/default/js/default.js?v=2.0.277"></script>
|
||
|
||
|
||
<script type="text/javascript" src="./static/admin/common/js/jquery-ui.min.js?v=2.0.277"></script>
|
||
<script type="text/javascript" src="./static/admin/common/js/jquery.ui.touch-punch.min.js?v=2.0.277"></script>
|
||
<script type="text/javascript" src="./static/admin/common/js/plugins/jquery.htmlClean.js?v=2.0.277"></script>
|
||
<script type="text/javascript" src="./static/admin/common/js/ckeditor/ckeditor.js?v=2.0.277"></script>
|
||
<script type="text/javascript" src="./static/admin/common/js/ckeditor/config.js?v=2.0.277"></script>
|
||
|
||
|
||
</head>
|
||
|
||
<body style="min-height: 824px;padding-top:0px;margin-left:0px;padding: 20px;" class="edit home ">
|
||
|
||
|
||
<div class="page-container">
|
||
<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
|
||
<div class="main-content" style="">
|
||
|
||
|
||
<div class="container">
|
||
<!--row-->
|
||
<div class="row">
|
||
<a href="#add" class="add btn btn-default" data-target="#addConponentModal" data-toggle="modal" style="position:relative;margin: 20px 0"><i class="glyphicon-plus glyphicon"></i>添加新的楼层</a>
|
||
<div style="min-height: 763px;" class="demo changeDimension">
|
||
</div>
|
||
|
||
<div id="download-layout">
|
||
<div class="container">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--/row-->
|
||
|
||
|
||
<script type="text/javascript">
|
||
window.is_diy_page = true;
|
||
$(document).ready(function ()
|
||
{
|
||
// alert($('#download-layout').html());
|
||
});
|
||
</script>
|
||
</div>
|
||
<!--/.fluid-container-->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- box product special-products -->
|
||
<!--<div class="box-products special-products">
|
||
<div class="container">
|
||
<div class="box-product-head">
|
||
<span class="box-title">SPECIAL PRODUCTS</span>
|
||
<ul class="box-tabs nav-tab">
|
||
<li><a data-toggle="tab" href="#tab-6">All</a></li>
|
||
<li class="active"><a data-toggle="tab" href="#tab-5">Women Fashion</a></li>
|
||
<li><a data-toggle="tab" href="#tab-6">Bags</a></li>
|
||
<li><a data-toggle="tab" href="#tab-5">SHOES</a></li>
|
||
<li><a data-toggle="tab" href="#tab-6">GLASSES</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="box-product-content">
|
||
<div class="box-product-adv">
|
||
<ul class="owl-carousel nav-center" data-items="1" data-dots="false" data-autoplay="true" data-loop="true" data-nav="true">
|
||
<li><a href="#"><img src="https://dev.example.com/assets/data/option3/adv3.jpg" alt="adv"></a></li>
|
||
<li><a href="#"><img src="https://dev.example.com/assets/data/option3/adv3.jpg" alt="adv"></a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="box-product-list">
|
||
<div class="tab-container">
|
||
<div id="tab-5" class="tab-panel active">
|
||
<ul class="product-list owl-carousel nav-center" data-dots="false" data-loop="true" data-nav = "true" data-margin = "10" data-responsive='{"0":{"items":1},"600":{"items":3},"1000":{"items":4}}'>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p22.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Luxury Perfume</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
<div class="price-percent-reduction2">
|
||
-8% OFF
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p23.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Blue Diamond Ring</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html#"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p24.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Superior Bag</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p25.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Luxury Lady</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p26.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Smart Phone</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div id="tab-6" class="tab-panel">
|
||
<ul class="product-list owl-carousel" data-dots="false" data-loop="true" data-nav = "true" data-margin = "10" data-responsive='{"0":{"items":1},"600":{"items":3},"1000":{"items":4}}'>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p27.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Luxury Perfume</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
<div class="price-percent-reduction2">
|
||
-30% OFF
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p28.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Blue Diamond Ring</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p29.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Superior Bag</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p30.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Luxury Lady</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" src="https://dev.example.com/assets/data/option3/p22.jpg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Smart Phone</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>-->
|
||
<!-- ./box product SPECIAL PRODUCTS -->
|
||
|
||
<div style="display: none;" class="modal fade" id="downloadModal" tabindex="-1" role="dialog"
|
||
aria-labelledby="downloadModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">下载</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
|
||
<div id="download-logged" class="">
|
||
<div class="alert alert-info">已在下面生成干净的HTML, 可以复制粘贴代码到你的body内<br>
|
||
请使用bootstrap3.0.1,可在这里下载 <a target="_blank" href="http://www.bootcdn.cn/bootstrap/">http://www.bootcdn.cn/bootstrap</a>
|
||
</div>
|
||
<p>
|
||
<textarea></textarea>
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
|
||
</div>
|
||
|
||
<div style="display: none;" class="modal fade" id="editorModal" tabindex="-2" role="dialog"
|
||
aria-labelledby="editorModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">Save your Layout</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<p>
|
||
<textarea id="contenteditor"></textarea>
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" id="savecontent" class="btn btn-primary" data-dismiss="modal">确定</a> <a
|
||
rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
|
||
|
||
<div style="display: none;" class="modal fade" id="editorConponentModal" tabindex="-2" role="dialog"
|
||
aria-labelledby="editorConponentModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">编辑模块内容</h4>
|
||
</div>
|
||
<div class="modal-body" id="editor-conponent-module-body">
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" id="saveConponentContentBtn" class="btn btn-primary" data-dismiss="modal">确定</a> <a
|
||
rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
|
||
|
||
<div style="display: none;" class="modal fade modal-choose-pro" id="addConponentModal" tabindex="-2" role="dialog"
|
||
aria-labelledby="addConponentModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog" style="width: 100%">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">选择模块</h4>
|
||
</div>
|
||
<div class="modal-body row" id="add-conponent-module-body">
|
||
<div class="col-xs-12 clearfix">
|
||
<ul class="clearfix list J_chooseProList ">
|
||
<li class="span4 " v-for="(item, index) in items" :data-module_id="item.module_id" :data-item="item"> <img width="60" height="60" :src="item.module_preview"> <p class="g-name">{{item.module_name}}</p><i class="icon-radio"></i> </li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" id="saveAddConponentContent" class="btn btn-primary" data-dismiss="modal">确定</a> <a
|
||
rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
|
||
|
||
<div style="display: none;" class="modal fade" id="editorCustomModal" tabindex="-2" role="dialog"
|
||
aria-labelledby="editorCustomModalLabel" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">编辑模块内容</h4>
|
||
</div>
|
||
<div class="modal-body" id="custom-module-body">
|
||
<p>
|
||
自定义编辑
|
||
</p>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" id="saveCustomContent" class="btn btn-primary" data-dismiss="modal">确定</a> <a
|
||
rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
|
||
<div style="display: none;" class="modal fade" role="dialog" id="saveModal" aria-labelledby="saveModalLabel"
|
||
aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">保存</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
保存成功 </div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
|
||
<!----------------------------------------- 弹出框 start----------------------------------------->
|
||
<div style="display: none;" class="modal fade" id="edit-floor-title" tabindex="-2" role="dialog" aria-labelledby="edit-floor-title" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">编辑模块内容</h4>
|
||
</div>
|
||
<div class="modal-body" id="custom-module-body">
|
||
<div id="manage-wrap">
|
||
<div class="manage-edit-box">
|
||
<div class="box-main">
|
||
<div class="form-section">
|
||
<label class="input-label" for="link">楼层链接</label>
|
||
<input type="text" class="input-text form-control" name="floor-link" id="floor-link" placeholder="楼层链接" autocomplete="off">
|
||
</div>
|
||
<div class="form-section">
|
||
<label class="input-label" for="link-name">楼层名称</label>
|
||
<input type="text" class="input-text form-control" name="floor-title" id="floor-title" placeholder="楼层名称" autocomplete="off">
|
||
</div>
|
||
<div class="form-section">
|
||
<label class="input-label" for="floor-icon">楼层图标</label>
|
||
|
||
<a href="#" data-toggle="image" class="img-thumbnail picture_upload_replace" id="floor-icon">
|
||
<input type="hidden" class="input-text form-control" name="link-img-url" id="floor-icon-url" value="./static/admin/common/images/image.png" />
|
||
<img src="./static/admin/common/images/image.png" width="30" height="30" data-toggle="tooltip" /><em class="pur-edit"></em>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" id="saveConponentContent" class="btn btn-primary" data-dismiss="modal">确定</a>
|
||
<a rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div style="display: none;" class="modal fade" id="edit-adv" tabindex="-2" role="dialog" aria-labelledby="edit-adv" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4 class="modal-title">编辑模块内容</h4>
|
||
</div>
|
||
<div class="modal-body" id="custom-module-body">
|
||
<div id="manage-wrap">
|
||
<div class="manage-edit-box">
|
||
<div class="box-main">
|
||
<div class="form-section">
|
||
<label class="input-label" for="link">广告链接</label>
|
||
<input type="text" class="input-text form-control" name="adv-url" id="adv-url" placeholder="广告链接" autocomplete="off">
|
||
</div>
|
||
<div class="form-section">
|
||
<label class="input-label" for="category_image">广告图片</label>
|
||
<a href="#" data-toggle="image" class="img-thumbnail picture_upload_replace" id="adv-img">
|
||
<input type="hidden" class="input-text form-control" name="adv-img-url" id="adv-img-url" value="./static/admin/common/images/image.png" />
|
||
<img src="./static/admin/common/images/image.png" width="585" height="65" data-toggle="tooltip" /><em class="pur-edit"></em>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<a rel="nofollow" id="saveConponentContent" class="btn btn-primary" data-dismiss="modal">确定</a>
|
||
<a rel="nofollow" class="btn" data-dismiss="modal">取消</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!----------------------------------------- 弹出框 end------------------------------------------->
|
||
|
||
|
||
|
||
<script type="text/x-template" id="module_id_1001-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
|
||
<!-- 内容开始 -->
|
||
<!-- featured category furniture -->
|
||
<div class="category-featured" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<nav class="navbar nav-menu" :class="(setting.showFloorName=='1' ? 'show-brand' : '') + ' ' + setting.className ">
|
||
<div class="container">
|
||
<!-- Brand and toggle get grouped for better mobile display -->
|
||
<div class="navbar-brand">
|
||
<span class="modify item_modify_l label label-info" data-target="#editorConponentModal" :data-key="'floor'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="floor.url"><img alt="fashion" :src="floor.picimg" />{{floor.name}}</a>
|
||
</div>
|
||
<span class="toggle-menu"></span>
|
||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||
<div class="collapse navbar-collapse">
|
||
<ul class="nav navbar-nav">
|
||
<li v-for="(tab, index) in tabs" :class="{ active: 0==index }">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'tabs[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></span>
|
||
<span class="modify item_remove label label-danger" :data-key="'tabs'" :data-index="index" :data-pm_id="pm_id" ><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a data-toggle="tab" :href="'#tab-' + pm_id + '-' + index + ''">{{tab.name}}</a></li>
|
||
|
||
|
||
<li>
|
||
<span class="label label-info item_add-tab" data-key="tabs" :data-pm_id="pm_id" style="cursor: pointer"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div><!-- /.navbar-collapse -->
|
||
</div><!-- /.container-fluid -->
|
||
<div id="elevator-5" class="floor-elevator">
|
||
<a href="#elevator-4" class="btn-elevator up fa fa-angle-up"></a>
|
||
<a href="#elevator-6" class="btn-elevator down fa fa-angle-down"></a>
|
||
</div>
|
||
</nav>
|
||
<div class="category-banner">
|
||
<div class="col-sm-6 banner">
|
||
<span class="modify item_modify label label-info" data-img-size="585x65" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img alt="ads2" class="img-responsive" :src="banner1.picimg" /></a>
|
||
</div>
|
||
<div class="col-sm-6 banner">
|
||
<span class="modify item_modify label label-info" data-img-size="585x65" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img alt="ads2" class="img-responsive" :src="banner2.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="product-featured clearfix">
|
||
<div class="banner-featured">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<div class="featured-text"><span>featured</span></div>
|
||
<div class="banner-img">
|
||
<a :href="banner3.url"><img alt="Featurered 1" :src="banner3.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="product-featured-content">
|
||
<div class="product-featured-list">
|
||
<div class="tab-container autoheight">
|
||
<!-- tab product -->
|
||
<div class="tab-panel" v-for="(tab, index) in tabs" :class="{ active: 0==index }" :id="'tab-' + pm_id + '-' + index + ''">
|
||
<ul class="product-list owl-carousel" data-dots="false" data-loop="true" data-nav = "true" data-margin = "0" data-autoplayTimeout="1000" data-autoplayHoverPause = "true" data-responsive='{"0":{"items":1},"600":{"items":3},"1000":{"items":4}}'>
|
||
<li v-for="(item, index) in tab.items">
|
||
<div class="left-block">
|
||
<a href="detail.html"><img class="img-responsive" alt="product" :src="item.picimg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" data-style="contract" data-size="xs" href="https://store.example.com/index.php/Product/quick" data-type="ajax" data-src="https://store.example.com/index.php/Product/quick"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a class="ajax_add_to_cart_button" data-rel="nofollow" data-id-product="56" data-minimal_quantity="1" title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail.html">Maecenas consequat mauris</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
<div class="product-star">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-half-o"></i>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- tab product -->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end featured category furniture-->
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1013-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
|
||
<!-- 内容开始 -->
|
||
<!-- featured category furniture -->
|
||
<div class="floor_theme4-container" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="floor_theme4-content">
|
||
<div class="layerBox">
|
||
<div class="title bb">
|
||
<span class="flag metal"></span>
|
||
<span class="modify item_modify_l label label-info" data-target="#editorConponentModal" :data-key="'floor'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<h2>{{floor.name}}</h2>
|
||
<h5></h5>
|
||
<span cid="0" class="category">
|
||
<div>
|
||
<ul class="" style="display: inline-flex;">
|
||
<li v-for="(tab, index) in tabs" :class="{ active: 0==index }">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'tabs[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></span>
|
||
<span class="modify item_remove label label-danger" :data-key="'tabs'" :data-index="index" :data-pm_id="pm_id" ><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a data-toggle="tab" :href="'#tab-' + pm_id + '-' + index + ''">{{tab.name}}</a></li>
|
||
|
||
|
||
<li>
|
||
<span class="label label-info item_add-tab" data-key="tabs" :data-pm_id="pm_id" style="cursor: pointer"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div><!-- /.navbar-collapse -->
|
||
|
||
</span>
|
||
<div id="elevator-5" class="floor-elevator hide">
|
||
<a href="#elevator-4" class="btn-elevator up fa fa-angle-up"></a>
|
||
<a href="#elevator-6" class="btn-elevator down fa fa-angle-down"></a>
|
||
</div>
|
||
</div>
|
||
<div class="product-featured clearfix conBox">
|
||
<div class="imgLeft" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url" target="_blank">
|
||
<img :alt="banner1.name"
|
||
:src="banner1.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
<div class="">
|
||
<div class="">
|
||
<div class="tab-container autoheight">
|
||
<!-- tab product -->
|
||
<div class="tab-panel" v-for="(tab, index) in tabs" :class="{ active: 0==index }" :id="'tab-' + pm_id + '-' + index + ''">
|
||
<ul class="product-list" data-dots="false" data-loop="true" data-nav = "true" data-margin = "0" data-autoplayTimeout="1000" data-autoplayHoverPause = "true" data-responsive='{"0":{"items":1},"600":{"items":3},"1000":{"items":4}}'>
|
||
<span class="cbb">
|
||
<a v-for="(item, index) in tab.items" class="skuBox split bb" href="/item/RJ1574" target="_blank">
|
||
<div class="tagBox"></div>
|
||
<div class="skuImgBox">
|
||
<img class="skuImg" :src="item.picimg">
|
||
</div>
|
||
<div class="skuDetails" title="{{ item.name }}">
|
||
{{ item.name }}
|
||
</div>
|
||
<div class="priceBox tc hide"><button class="btn btn-outline btn-sm btnTag"
|
||
onclick="checkUserInfo(event)">认证即享批发价</button></div>
|
||
</a>
|
||
</span>
|
||
</ul>
|
||
</div>
|
||
<!-- tab product -->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="brandBox">
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b1.url" target="_blank">
|
||
<img :alt="b1.name"
|
||
:src="b1.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b2.url" target="_blank">
|
||
<img :alt="b2.name"
|
||
:src="b2.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b3.url" target="_blank">
|
||
<img :alt="b3.name"
|
||
:src="b3.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b4.url" target="_blank">
|
||
<img :alt="b4.name"
|
||
:src="b4.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b5.url" target="_blank">
|
||
<img :alt="b5.name"
|
||
:src="b5.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b6'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b6.url" target="_blank">
|
||
<img :alt="b6.name"
|
||
:src="b6.picimg">
|
||
</a>
|
||
</div>
|
||
|
||
<div style="position: relative;width: 164px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'b7'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="b7.url" target="_blank">
|
||
<img :alt="b7.name"
|
||
:src="b7.picimg">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end featured category furniture-->
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="module_id_1002-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
<div id="pm_id_%d" class="view-product-list" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<ul class="row product-list grid">
|
||
<li class="col-xs-6 col-sm-4 col-md-3" v-for="(item, index) in items">
|
||
<div class="product-container">
|
||
<div class="left-block figure-img">
|
||
<a class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'items[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="item_link" data-pjax="#page-container" :href="item.url">
|
||
<img class="img-responsive" alt="商品图片" :src="item.picimg"/>
|
||
</a>
|
||
<div class="add-to-cart">
|
||
<a title="加入购物车" href="#add" data-item_id="1025">{{ item.name }}</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="module_id_1003-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<!-- Home slideder-->
|
||
<div class="home-slider" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-3 slider-left"></div>
|
||
<div class="col-sm-9 header-top-right">
|
||
<div class="homeslider">
|
||
<div class="content-slide">
|
||
<div class="owl-carousel" data-margin="0" data-items="1" data-nav="true" data-autoplay="true" data-loop="true" style="position: relative;">
|
||
|
||
<a v-for="(item, index) in items" :href="item.url">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'items[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal" ><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'items'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<img :alt="item.name" :src="item.picimg" height="453" />
|
||
</a>
|
||
|
||
|
||
<a >
|
||
<span class="label label-info item_add" data-key="items" data-imgsize="1920x453" :data-pm_id="pm_id" style="cursor: pointer"><i class="glyphicon glyphicon-edit"></i> 添加 </span><img src="" height="453" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header-banner banner-opacity">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner.url"><img :alt="banner.name" :src="banner.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END Home slideder-->
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
|
||
<script type="text/x-template" id="module_id_3001-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
|
||
<!-- Home slideder-->
|
||
<!-- Slide -->
|
||
<div class="full-width-homeslider-box" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="section-slide">
|
||
<div class="owl-carousel" data-margin="0" data-items="1" data-nav="true" data-autoplay="true" data-loop="true" style="position: relative;">
|
||
|
||
<a v-for="(item, index) in items" :href="item.url">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'items[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal" style="right: 300px;"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'items'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 260px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<img :alt="item.name" :src="item.picimg" height="453" />
|
||
</a>
|
||
|
||
|
||
<a >
|
||
<span class="label label-info item_add" data-key="items" data-imgsize="1920x453" :data-pm_id="pm_id" style="cursor: pointer"><i class="glyphicon glyphicon-edit"></i> 添加 </span><img src="" height="453" />
|
||
</a>
|
||
</div>
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="section-slide-banner-box-1">
|
||
<ul class="section-slide-banner">
|
||
<li style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img :alt="banner1.name" :src="banner1.picimg" /></a>
|
||
</li>
|
||
<li style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img :alt="banner2.name" :src="banner2.picimg" /></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Slide -->
|
||
<!-- 内容结束 -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<!--带登录的轮播-->
|
||
<script type="text/x-template" id="module_id_8888-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;">
|
||
<!-- 内容开始 -->
|
||
|
||
<!-- Home slideder-->
|
||
<!-- Slide -->
|
||
<div class="full-width-homeslider-box" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="section-slide">
|
||
<div class="owl-carousel" data-margin="0" data-items="1" data-nav="true" data-autoplay="true" data-loop="true" style="position: relative;">
|
||
<a v-for="(item, index) in items" :href="item.url">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'items[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal" style="right: 300px;"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'items'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 260px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<img :alt="item.name" :src="item.picimg" height="453" />
|
||
</a>
|
||
<a >
|
||
<span class="label label-info item_add" data-key="items" data-imgsize="1920x453" :data-pm_id="pm_id" style="cursor: pointer"><i class="glyphicon glyphicon-edit"></i> 添加 </span><img src="" height="453" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<!-- 禄茂通定制 -->
|
||
<div style="background: rgba(0,0,0,.6);width:200px;height: 430px;color: #fff;float: right;position: relative;margin-top:10px;margin-right: 100px;z-index: 1">
|
||
<div style="width: 100%;display:flex;justify-content:center;align-items:center;">
|
||
<img src="https://static.lancerdt.cn/lancerdt/config/user_no_avatar.png" style="border-radius: 50%;width: 90px;height: 90px;margin-top: 10px;">
|
||
</div>
|
||
<div style="width:100%;margin-top: 15px;margin-left: 50px;">
|
||
<span style="margin-right: 30px;" class="loginStyle">登录</span>
|
||
<span class="register">注册</span>
|
||
</div>
|
||
<hr/>
|
||
<div style="width:100%">
|
||
<div style="float: left;margin-left: 10px;border-bottom: 2px solid #fff;" class="newsStyle">公告</div>
|
||
<div style="float: right;margin-right: 10px;" class="moreStyle">更多</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1004-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
<div class="option2 category-featured electronic" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<nav class="navbar nav-menu" :class="(setting.showFloorName=='1' ? 'show-brand' : '')">
|
||
<div class="container">
|
||
<!-- Brand and toggle get grouped for better mobile display -->
|
||
<div class="navbar-brand">
|
||
<!-- 楼层title -->
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify_l label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a :href="floor.link"><img :alt="floor.name" :src="floor.picimg">{{ floor.name }}</a>
|
||
</div>
|
||
<span class="toggle-menu"></span>
|
||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||
<div class="collapse navbar-collapse">
|
||
<!-- tabs -->
|
||
<ul class="nav navbar-nav">
|
||
<li v-for="(tab, index) in tabs" :class="{ active: index === 0 }">
|
||
<span data-target="#editorConponentModal" :data-key="'tabs[' + index + ']'" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i></span>
|
||
<span :data-key="tabs.index" :data-index="index" :data-pm_id="pmId" class="modify item_remove label label-danger"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a data-toggle="tab" :href="getTabId(index, true)">{{ tab.name }}</a>
|
||
</li>
|
||
<li>
|
||
<span class="label label-info item_add-tab" data-key="tabs" :data-pm_id="pm_id" style="cursor: pointer"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
<!-- tabs -->
|
||
</div><!-- /.navbar-collapse -->
|
||
</div><!-- /.container-fluid -->
|
||
<div id="elevator-3" class="floor-elevator">
|
||
<a href="#elevator-2" class="btn-elevator up fa fa-angle-up"></a>
|
||
<a href="#elevator-4" class="btn-elevator down fa fa-angle-down"></a>
|
||
</div>
|
||
</nav>
|
||
<div class="product-featured clearfix">
|
||
<div class="row">
|
||
<div class="col-sm-2 sub-category-wapper">
|
||
<!-- 左侧链接列表 -->
|
||
<span data-target="#editorConponentModal" data-key="links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<ul class="sub-category-list">
|
||
<li v-for="linkData in links"><a :href="linkData.link">{{ linkData.name }}</a></li>
|
||
</ul>
|
||
<!-- 左侧链接列表 -->
|
||
</div>
|
||
<div class="col-sm-10 col-right-tab">
|
||
<div class="product-featured-tab-content">
|
||
<div class="tab-container">
|
||
<!-- 对应tab商品列表 限定商品个数6个 -->
|
||
<div v-for="(tab, index) in tabs" class="tab-panel" :class="{active: index === 0}" :id="getTabId(index)">
|
||
<div class="box-left">
|
||
<!-- 广告图片，重复渲染多次 -->
|
||
<div class="banner-img">
|
||
<span data-target="#editorConponentModal" data-key="banner" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner.link"><img :src="banner.picimg" :alt="banner.name"></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-right">
|
||
<ul class="product-list row">
|
||
<li v-for="(item, productCount) in tab.items" v-if="productCount < 6" class="col-sm-4">
|
||
<div class="right-block">
|
||
<h5 class="product-name"><a href="detail2.html">{{ item.name }}</a></h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
</div>
|
||
</div>
|
||
<div class="left-block">
|
||
<a :href="item.link">
|
||
<img class="img-responsive" :alt="item.name" :src="item.picimg"></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 对应tab商品列表 限定商品个数6个 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="module_id_1005-template">
|
||
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
<div class="box-products special-products" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="container">
|
||
<div class="box-product-head">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify_l label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<span class="box-title">{{ floor.name }}</span>
|
||
<!-- tab列表 -->
|
||
<span data-key="tabs" :data-pm_id="pmId" class="label label-info item_add-tab" style="cursor: pointer;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
<ul class="box-tabs nav-tab">
|
||
<li v-for="(tab, index) in tabs" :class="{ active: index === 0 }" style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'tabs[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></span>
|
||
<span class="modify item_remove label label-danger" :data-key="'tabs'" :data-index="index" :data-pm_id="pm_id" ><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a data-toggle="tab" :href="getTabId(index, true)">{{ tab.name }}</a>
|
||
</li>
|
||
</ul>
|
||
<!-- tab列表 -->
|
||
</div>
|
||
<div class="box-product-content" style="position: relative">
|
||
<div class="box-product-adv">
|
||
<span data-target="#editorConponentModal" data-key="banners" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify_l label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<!-- 广告图片列表 -->
|
||
<ul class="owl-carousel nav-center" data-items="1" data-dots="false" data-autoplay="true" data-loop="true" data-nav="true">
|
||
<li v-for="item in banners.items"><a :href="item.link"><img :src="item.picimg" :alt="item.name"></a></li>
|
||
</ul>
|
||
<!-- 广告图片列表 -->
|
||
</div>
|
||
<div class="box-product-list">
|
||
<div class="tab-container">
|
||
<!-- tab下对应的商品列表 -->
|
||
<div v-for="(tab, index) in tabs" :id="getTabId(index)" class="tab-panel" :class="{ active: index === 0 }">
|
||
<!-- 商品列表 -->
|
||
<ul class="product-list owl-carousel nav-center" data-dots="false" data-loop="true" data-nav="true" data-margin="10" data-responsive='{"0":{"items":1},"600":{"items":3},"1000":{"items":4}}'>
|
||
<li v-for="productItem in tab.items">
|
||
<div class="left-block">
|
||
<a :href="productItem.link"><img class="img-responsive" :alt="productItem.name" :src="productItem.picimg" /></a>
|
||
<div class="quick-view">
|
||
<a title="Add to my wishlist" class="heart" href="#"></a>
|
||
<a title="Add to compare" class="compare" href="#"></a>
|
||
<a title="Quick view" class="search" href="#"></a>
|
||
</div>
|
||
<div class="add-to-cart">
|
||
<a title="Add to Cart" href="#">Add to Cart</a>
|
||
</div>
|
||
</div>
|
||
<div class="right-block">
|
||
<h5 class="product-name">
|
||
<a :href="productItem.link">{{ productItem.name }}</a>
|
||
</h5>
|
||
<div class="content_price">
|
||
<span class="price product-price">$38,95</span>
|
||
<span class="price old-price">$52,00</span>
|
||
</div>
|
||
</div>
|
||
<div class="price-percent-reduction2">
|
||
-8% OFF
|
||
</div>
|
||
</li>
|
||
<!-- 商品列表 -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- tab下对应的商品列表 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<script type="text/x-template" id="module_id_1006-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<div class="block-tab-category14" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="head">
|
||
<span class="bar"><i class="fa fa-bars"></i></span>
|
||
|
||
<!-- tab列表 -->
|
||
<ul class="box-tabs nav-tab">
|
||
<li v-for="(tab, index) in tabs" :class="{ active: index === 0 }" style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'tabs[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></span>
|
||
<span class="modify item_remove label label-danger" :data-key="'tabs'" :data-index="index" :data-pm_id="pm_id" ><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a data-toggle="tab" :href="getTabId(index, true)">{{ tab.name }}</a>
|
||
</li>
|
||
</ul>
|
||
<span data-key="tabs" :data-pm_id="pmId" class="label label-info item_add-tab" style="cursor: pointer;"><i class="glyphicon glyphicon-edit"></i> 新增Tab </span>
|
||
<!-- tab列表 -->
|
||
|
||
<a class="link-all" :href="floor.url">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify_l label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>{{ floor.name }}</a>
|
||
</div>
|
||
<div class="tab-container">
|
||
<div v-for="(tab, index) in tabs" :id="getTabId(index)" class="tab-panel" :class="{ active: index === 0 }">
|
||
<div class="row">
|
||
<div class="col-sm-4 col-md-3" v-for="productItem in tab.items">
|
||
<div class="product-style4">
|
||
<div class="product-thumb">
|
||
<a :href="productItem.link">
|
||
<img class="primary_image" :alt="productItem.name" :src="productItem.picimg" >
|
||
<img class="secondary_image" :alt="productItem.name" :src="productItem.picimg" >
|
||
</a>
|
||
<div class="group-button-control">
|
||
<a class="wishlist" href="#">Wishlist</a>
|
||
<a class="compare" href="#">Compare</a>
|
||
<a class="quickview" href="#">Quickview</a>
|
||
</div>
|
||
<a :href="productItem.link" class="btn-add-to-cart">Add to Cart</a>
|
||
</div>
|
||
<div class="product-info">
|
||
<h4 class="product-name"><a :href="productItem.link">{{ productItem.name }}</a></h4>
|
||
<span class="price">
|
||
<ins>$86.95</ins>
|
||
<del>$92.95</del>
|
||
</span>
|
||
</div>
|
||
<span class="status sale">Sale</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="module_id_1007-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
<div class="wrap floor fn-clear">
|
||
<div class="m frame1 gray" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="mt fn-clear">
|
||
<div class="title" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info" style="left:80px;height: 20px;line-height: 20px;width: 80px;"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a :href="floor.url"><span :style="'background: url(' + floor.picimg + ');'"></span>{{ floor.name }}</a>
|
||
</div>
|
||
<div class="tit_nav" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="nav_links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a v-for="linkData in nav_links" :href="linkData.link">{{ linkData.name }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="mc fn-clear">
|
||
<div class="block block1" style="width:210px;height:360px;">
|
||
<div class="block2" style="width:210px;height:110px;position: relative;">
|
||
<ul class="fn-clear">
|
||
<span data-target="#editorConponentModal" data-key="links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<li v-for="linkData in links"><a :href="linkData.link">{{ linkData.name }}</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="block3" style="width:210px;height:249px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img alt="Featurered 1" :src="banner1.picimg" width="210" height="249" /></a></div>
|
||
</div>
|
||
<div class="block block4" style="width:326px;height:360px;">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
|
||
<li v-for="(item, index) in img_items1">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items1[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items1'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="326" height="360" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items1" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="block block5" style="width:220px;height:360px;">
|
||
<div class="block6" style="width:220px;height:179px;;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img alt="Featurered 1" :src="banner2.picimg" width="220" height="179" /></a>
|
||
</div>
|
||
<div class="block7" style="width:220px;height:180px;;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner3.url"><img alt="Featurered 1" :src="banner3.picimg" width="220" height="180" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="block block8" style="width:220px;height:360px;">
|
||
<div class="blueberry">
|
||
<ul class="slides">
|
||
<li v-for="(item, index) in img_items2">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items2[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items2'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="220" height="360" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items2" :data-pm_id="pm_id" data-imgsize="220x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="block block9" style="width:218px;height:360px;">
|
||
<div class="block10" style="width:220px;height:179px;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner4.url"><img alt="Featurered 1" :src="banner4.picimg" width="220" height="179" /></a>
|
||
</div>
|
||
<div class="block11" style="width:220px;height:180px;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner5.url"><img alt="Featurered 1" :src="banner5.picimg" width="220" height="180" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1008-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
<div class="wrap floor fn-clear">
|
||
<div class="m frame1 gray" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="mt fn-clear">
|
||
<div class="title" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info" style="left:80px;height: 20px;line-height: 20px;width: 80px;"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a :href="floor.url"><span :style="'background: url(' + floor.picimg + ');'"></span>{{ floor.name }}</a>
|
||
</div>
|
||
<div class="tit_nav" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="nav_links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a v-for="linkData in nav_links" :href="linkData.link">{{ linkData.name }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="mc fn-clear">
|
||
<div class="block block1" style="width:210px;height:360px;">
|
||
<div class="block2" style="width:210px;height:110px;position: relative;">
|
||
<ul class="fn-clear">
|
||
<span data-target="#editorConponentModal" data-key="links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<li v-for="linkData in links"><a :href="linkData.link">{{ linkData.name }}</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="block3" style="width:210px;height:249px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img alt="Featurered 1" :src="banner1.picimg" width="210" height="249" /></a></div>
|
||
</div>
|
||
<div class="block block4" style="width:326px;height:360px;">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
|
||
<li v-for="(item, index) in img_items1">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items1[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items1'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="326" height="360" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items1" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="block block5" style="width:220px;height:360px;">
|
||
<div class="block6" style="width:220px;height:179px;;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img alt="Featurered 1" :src="banner2.picimg" width="220" height="179" /></a>
|
||
</div>
|
||
<div class="block7" style="width:220px;height:180px;;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner3.url"><img alt="Featurered 1" :src="banner3.picimg" width="220" height="180" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="block block8" style="width:220px;height:360px;">
|
||
<div class="blueberry">
|
||
<ul class="slides">
|
||
<li v-for="(item, index) in img_items2">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items2[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items2'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="220" height="360" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items2" :data-pm_id="pm_id" data-imgsize="220x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="block block9" style="width:218px;height:360px;">
|
||
<div class="block10" style="width:220px;height:179px;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner4.url"><img alt="Featurered 1" :src="banner4.picimg" width="220" height="179" /></a>
|
||
</div>
|
||
<div class="block11" style="width:220px;height:180px;position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner5.url"><img alt="Featurered 1" :src="banner5.picimg" width="220" height="180" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1009-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
|
||
<div class="wrap floor fn-clear">
|
||
<div class="m frame3" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="mt fn-clear">
|
||
<div class="title" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info" style="left:80px;height: 20px;line-height: 20px;width: 80px;"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a :href="floor.link"><span :style="'background: url(' + floor.picimg + ');'"></span>{{ floor.name }}</a>
|
||
</div>
|
||
<div class="tit_nav" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="nav_links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a v-for="linkData in nav_links" :href="linkData.link">{{ linkData.name }}</a>
|
||
</div>
|
||
</div>
|
||
<div class="mc fn-clear">
|
||
<div class="block block18" style="width:280px;height:483px;">
|
||
<div class="blueberry">
|
||
<ul class="slides">
|
||
<li v-for="(item, index) in img_items1">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items1[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items1'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="280" height="483" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items1" :data-pm_id="pm_id" data-imgsize="280x483" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="block block19" style="width:654px;height:483px;">
|
||
<div class="block20" style="width:326px;height:241px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img :alt="banner1.name" :src="banner1.picimg" width="326" height="241" /></a>
|
||
</div>
|
||
<div class="block21" style="width:326px;height:241px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img :alt="banner2.name" :src="banner2.picimg" width="326" height="241" /></a>
|
||
</div>
|
||
<div class="block22" style="width:326px;height:241px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner3.url"><img :alt="banner3.name" :src="banner3.picimg" width="326" height="241" /></a>
|
||
</div>
|
||
<div class="block23" style="width:326px;height:241px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner4.url"><img :alt="banner4.name" :src="banner4.picimg" width="326" height="241" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="block block24" style="width:262px;height:483px;">
|
||
<div class="block25" style="width:262px;height:120px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner5.url"><img :alt="banner5.name" :src="banner5.picimg" width="262" height="120" /></a>
|
||
</div>
|
||
<div class="block26" style="width:262px;height:120px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner6'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner6.url"><img :alt="banner6.name" :src="banner6.picimg" width="262" height="120" /></a>
|
||
</div>
|
||
<div class="block27" style="width:262px;height:120px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner7'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner7.url"><img :alt="banner7.name" :src="banner7.picimg" width="262" height="120" /></a>
|
||
</div>
|
||
<div class="block28" style="width:262px;height:120px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner8'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner8.url"><img :alt="banner8.name" :src="banner8.picimg" width="262" height="120" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="module_id_1012-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
|
||
<div class="floor_theme3 floor1" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="floor_icon" :style="'background: url(' + floor.picimg + ');'"></div>
|
||
<div class="floor_left">
|
||
<div class="floor_tit" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info" style="left:80px;height: 20px;line-height: 20px;width: 80px;"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<i class="J_floorId hide"></i>
|
||
<h2 class="J_floorName">{{ floor.name }}</h2>
|
||
<p class="more"><a href="javascript:void();">MORE</a></p>
|
||
<p class="floor_tit_bg"></p>
|
||
<p class="floor_tit_icon"></p>
|
||
</div>
|
||
<div class="floor_more st" style="height: 139px;position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a v-for="linkData in links" href="#">{{ linkData.name }}</a>
|
||
</div>
|
||
<div class="floor_left_pic-1" style="width: 200px;height: 200px;">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
<li v-for="(item, index) in img_items1">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items1[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items1'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="200" height="200" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items1" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="floor_con">
|
||
<div class="floor_con_pic">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
<li v-for="(item, index) in img_items3">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items3[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items3'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="390" height="210" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items3" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="floor_con_pic0">
|
||
<ul>
|
||
<li>
|
||
<div class="con" style="margin-top: 0px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner1.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner1.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner1.desc}}</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="con">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner2.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner2.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner2.desc}}</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="floor_pic">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
<li v-for="(item, index) in img_items2">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items2[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items2'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="400" height="430" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items2" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="floor_pic0">
|
||
<ul>
|
||
<li>
|
||
<div class="con" style="margin-top: 0px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner3.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner3.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner3.desc}}</a>
|
||
</p>
|
||
<p class="floor_new">NEW</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="con">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner4.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner4.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner4.desc}}</a>
|
||
</p>
|
||
<p class="floor_hot">HOT</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1011-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
|
||
<div class="floor_theme3 floor1" id="pm_id_%d" :class="setting.className" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="floor_icon" :style="'background: url(' + floor.picimg + ');'"></div>
|
||
<div class="floor_left">
|
||
<div class="floor_tit" style="position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info" style="left:80px;height: 20px;line-height: 20px;width: 80px;"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<i class="J_floorId hide"></i>
|
||
<h2 class="J_floorName">{{ floor.name }}</h2>
|
||
<p class="more"><a href="javascript:void();">MORE</a></p>
|
||
<p class="floor_tit_bg"></p>
|
||
<p class="floor_tit_icon"></p>
|
||
</div>
|
||
<div class="floor_more st" style="height: 139px;position: relative;">
|
||
<span data-target="#editorConponentModal" data-key="links" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<a v-for="linkData in links" href="#">{{ linkData.name }}</a>
|
||
</div>
|
||
<div class="floor_left_pic-1" style="width: 200px;height: 200px;">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
<li v-for="(item, index) in img_items1">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items1[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items1'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="200" height="200" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items1" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="floor_pic">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
<li v-for="(item, index) in img_items2">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items2[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items2'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="400" height="430" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items2" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="floor_con">
|
||
<div class="floor_con_pic">
|
||
<div class="blueberry">
|
||
<ul class="slides" style="position: relative">
|
||
<li v-for="(item, index) in img_items3">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'img_items3[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<span :data-key="'img_items3'" :data-index="index" :data-pm_id="pm_id" class="modify item_remove label label-danger" style="right: 60px;"><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a :href="item.url"><img :alt="item.name" :src="item.picimg" width="390" height="210" /></a>
|
||
|
||
<span class="label label-info item_add" data-key="img_items3" :data-pm_id="pm_id" data-imgsize="326x360" style="cursor: pointer; position: absolute;top:2px;"><i class="glyphicon glyphicon-edit"></i> 添加 </span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="floor_con_pic0">
|
||
<ul>
|
||
<li>
|
||
<div class="con" style="margin-top: 0px;position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner1.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner1.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner1.desc}}</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="con">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner2.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner2.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner2.desc}}</a>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="floor_pic0">
|
||
<ul>
|
||
<li>
|
||
<div class="con" style="margin-top: 0px;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner3.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner3.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner3.desc}}</a>
|
||
</p>
|
||
<p class="floor_new">NEW</p>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="con">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="pic0"><a href="#" target="_blank"><img :src="banner4.picimg" alt="" style="display: inline-block;"></a></p>
|
||
<p class="bg"></p>
|
||
<p class="text">
|
||
<a target="_blank" href="#"><span class="fz14">{{banner4.name}}</span></a>
|
||
<a target="_blank" href="#">{{banner4.desc}}</a>
|
||
</p>
|
||
<p class="floor_hot">HOT</p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/x-template" id="module_id_1101-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<!-- Baner bottom -->
|
||
<div class="row banner-bottom" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="col-sm-12">
|
||
<div class="banner-boder-zoom">
|
||
<span class="modify item_modify label label-info add-rd" :data-pm_id="pm_id" style="right:70px;" v-if="false"><i class="glyphicon glyphicon-edit"></i> 编辑热点</span>
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img :alt="banner1.name" class="img-responsive" :src="banner1.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end banner bottom -->
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1102-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<!-- Baner bottom -->
|
||
<div class="row banner-bottom" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="col-sm-6">
|
||
<div class="banner-boder-zoom">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img :alt="banner1.name" class="img-responsive" :src="banner1.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<div class="banner-boder-zoom">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img :alt="banner2.name" class="img-responsive" :src="banner2.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end banner bottom -->
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/x-template" id="module_id_1103-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<div class="block-group-banner-top" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="row">
|
||
<div class="col-sm-4">
|
||
<div class="item banner-img">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner1.url"><img :alt="banner1.name" class="img-responsive" :src="banner1.picimg" /></a>
|
||
</div>
|
||
<div class="item banner-img">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner2.url"><img :alt="banner2.name" class="img-responsive" :src="banner2.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="item banner-img">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner3.url"><img :alt="banner3.name" class="img-responsive" :src="banner3.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4">
|
||
<div class="item banner-img">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner4.url"><img :alt="banner4.name" class="img-responsive" :src="banner4.picimg" /></a>
|
||
</div>
|
||
<div class="item banner-img">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="banner5.url"><img :alt="banner5.name" class="img-responsive" :src="banner5.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_1104-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<div class="trend" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<!-- trend_tit -->
|
||
<div class="trend_tit">
|
||
<ul>
|
||
<li class="cur">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner_nav1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<div v-html="banner_nav1.name"></div>
|
||
</li>
|
||
<li class="">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner_nav2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<div v-html="banner_nav2.name"></div>
|
||
</li>
|
||
<li class="l">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner_nav3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<div v-html="banner_nav3.name"></div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- trend_con -->
|
||
<div class="trend_con" style="display: block;">
|
||
<div class="trend_new_pic">
|
||
<p class="pic" style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_1.url"><img class="img-responsive" :src="nb1_1.picimg" /></a>
|
||
</p>
|
||
<p class="pic0" style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_2.url"><img class="img-responsive" :src="nb1_2.picimg" /></a>
|
||
</p>
|
||
</div>
|
||
<div class="trend_new_pic0">
|
||
<div class="pic" style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_3.url"><img class="img-responsive" :src="nb1_3.picimg" /></a>
|
||
</div>
|
||
<div class="trend_new_text">
|
||
<dl>
|
||
<dt style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_4.url"><img class="img-responsive" :src="nb1_4.picimg" /></a>
|
||
</dt>
|
||
<dd style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<p class="zhe"><span>
|
||
{{nb1_5.name}}</span>
|
||
</p>
|
||
<p>{{nb1_5.desc}}</p>
|
||
</dd>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
<div class="trend_new_pic">
|
||
<p class="pic" style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_6'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_6.url"><img class="img-responsive" :src="nb1_6.picimg" /></a>
|
||
</p>
|
||
<p class="pic0" style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_7'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_7.url"><img class="img-responsive" :src="nb1_7.picimg" /></a>
|
||
</p>
|
||
</div>
|
||
<div class="trend_pic" style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_8'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_8.url"><img class="img-responsive" :src="nb1_8.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
<div class="trend_con" style="display: none;">
|
||
<div class="trend_hot">
|
||
<ul>
|
||
<li>
|
||
<p class="n1" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_1.url"><img width="290" height="320" class="img-responsive" :src="nb2_1.picimg" /></a>
|
||
</p>
|
||
<p class="n2" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_1.url"><img width="290" height="320" class="img-responsive" :src="nb2_1.picimg" /></a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<p class="n1" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_2.url"><img class="img-responsive" :src="nb2_2.picimg" /></a>
|
||
</p>
|
||
<p class="n2" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_2.url"><img class="img-responsive" :src="nb2_2.picimg" /></a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<p class="n1" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_3.url"><img class="img-responsive" :src="nb2_3.picimg" /></a>
|
||
</p>
|
||
<p class="n2" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_3.url"><img class="img-responsive" :src="nb2_3.picimg" /></a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<p class="n1" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_4.url"><img class="img-responsive" :src="nb2_4.picimg" /></a>
|
||
</p>
|
||
<p class="n2" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb2_4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb2_4.url"><img class="img-responsive" :src="nb2_4.picimg" /></a>
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="trend_hot_con">
|
||
<span class="hot_pre"></span>
|
||
<span class="hot_next"></span>
|
||
<div class="trend_hot_con0">
|
||
<ul>
|
||
<li>
|
||
<p><a href="//test.example.cn" target="_blank"><img src="//test.example.cn/image.php/shop/data/upload/media/plantform/image/20180622/1529656115887425.jpg"></a></p>
|
||
<p><a href="//test.example.cn" target="_blank"><img src="//test.example.cn/image.php/shop/data/upload/media/plantform/image/20180622/1529656115887425.jpg"></a></p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="trend_con" style="display: none;">
|
||
<div class="trend_zhuan">
|
||
<ul>
|
||
<li style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_1.url"><img class="img-responsive" :src="nb3_1.picimg" /></a>
|
||
</li>
|
||
<li style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_2.url"><img class="img-responsive" :src="nb3_2.picimg" /></a>
|
||
</li>
|
||
<li style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_3.url"><img class="img-responsive" :src="nb3_3.picimg" /></a>
|
||
</li>
|
||
<li style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_4.url"><img class="img-responsive" :src="nb3_4.picimg" /></a>
|
||
</li>
|
||
<li style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_5.url"><img class="img-responsive" :src="nb3_5.picimg" /></a>
|
||
</li>
|
||
<li style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_6'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_6.url"><img class="img-responsive" :src="nb3_6.picimg" /></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="trend_pic" style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb3_7'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb3_7.url"><img class="img-responsive" :src="nb3_7.picimg" /></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_item_img-template">
|
||
<div id="manage-wrap" style="max-height:600px; overflow-y: scroll">
|
||
<div class="manage-edit-box">
|
||
<div class="box-main">
|
||
<form method="post" enctype="multipart/form-data" id="manage-form" name="manage-form">
|
||
|
||
<!-- 广告图片编辑 -->
|
||
<div class="form-section" v-if="typeof className !== 'undefined'">
|
||
<label class="input-label">使用Class</label>
|
||
<input type="text" class="input-text form-control" name="className" placeholder="名称" v-model="className" />
|
||
<p class="help-block" v-if="typeof classSelect !== 'undefined'">可选用class : {{classSelect}}</p>
|
||
</div>
|
||
|
||
|
||
<div class="form-section" v-if="typeof showMegamenus !== 'undefined'">
|
||
<label class="input-label">显示菜单</label>
|
||
<input type="text" class="input-text form-control" name="showMegamenus" placeholder="名称" v-model="showMegamenus" />
|
||
<p class="help-block">1:显示 0:不显示</p>
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof showFloorName !== 'undefined'">
|
||
<label class="input-label">是否显示楼层名称</label>
|
||
<input type="text" class="input-text form-control" name="showFloorName" placeholder="1-显示 0-不显示" v-model="showFloorName" />
|
||
<p class="help-block">1-显示 0-不显示</p>
|
||
</div>
|
||
|
||
|
||
<div class="form-section" v-if="typeof bgColor !== 'undefined'">
|
||
<label class="input-label">背景颜色</label>
|
||
<input type="text" class="input-text form-control" name="bgColor" placeholder="名称" v-model="bgColor" />
|
||
</div>
|
||
|
||
|
||
<div class="form-section" v-if="typeof name !== 'undefined' && operationType !== 'links'">
|
||
<label class="input-label">名称</label>
|
||
<input type="text" class="input-text form-control" name="name" placeholder="名称" v-model="name" />
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof desc !== 'undefined' && operationType !== 'links'">
|
||
<label class="input-label">描述</label>
|
||
<input type="text" class="input-text form-control" name="desc" placeholder="描述" v-model="desc" />
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof picimg !== 'undefined'">
|
||
<label class="input-label">图片</label>
|
||
<a href="#" data-toggle="image" class="img-thumbnail picture_upload_replace" id="picture_upload_category_image">
|
||
<input type="hidden" class="input-text form-control" name="picimg" :value="picimg" @click="function(e){var event=window.event||e;event.stopImmediatePropagation();event.preventDefault();picimg = event.target.value;}" />
|
||
<img :src="picimg" :width="imgWidth" :height="imgHeight" /><em class="pur-edit"></em>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof picimg !== 'undefined' && typeof imgSize !== 'undefined'">
|
||
<span class="label label-info">图片尺寸：{{ imgSize }}</span>
|
||
</div>
|
||
|
||
|
||
<div class="form-section" v-if="typeof url !== 'undefined'">
|
||
<label class="input-label">链接</label>
|
||
<input type="text" class="input-text form-control" name="url" placeholder="名称" v-model="url" />
|
||
</div>
|
||
|
||
|
||
<!-- 广告图片编辑 -->
|
||
|
||
<!-- 链接列表编辑 -->
|
||
<div v-if="operationType === 'links'">
|
||
<div v-for="(linkData, index) in links" >
|
||
<div class="form-section form-section-active">
|
||
<label class="input-label" :for="'link-name-' + index">链接名称{{ index+1 }}</label>
|
||
<input type="text" :id="'link-name-' + index" :placeholder="'链接名称' + (index+1)" :value="linkData.name" class="input-text form-control" v-model="linkData.name">
|
||
</div>
|
||
<div class="form-section form-section-active">
|
||
<label class="input-label" :for="'link-url-' + index">链接地址{{ index+1 }}</label>
|
||
<input type="text" :id="'link-url-' + index" :placeholder="'链接地址' + (index+1)" :value="linkData.link" class="input-text form-control" v-model="linkData.link">
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-xs-12">
|
||
<div class="col-xs-12">
|
||
<a href="javascript:"class="btn btn-primary btn-single btn-block btn-icon btn-icon-standalone" :data-link-index="linkCount" v-on:click="addLInk"><i class="fa fa-pencil"></i>
|
||
<span>添加</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 链接列表编辑 -->
|
||
|
||
<!-- 链接列表编辑 -->
|
||
<div v-if="operationType === 'nav_links'">
|
||
<div v-for="(linkData, index) in nav_links" >
|
||
<div class="form-section form-section-active">
|
||
<label class="input-label" :for="'link-name-' + index">链接名称{{ index+1 }}</label>
|
||
<input type="text" :id="'link-name-' + index" :placeholder="'链接名称' + (index+1)" :value="linkData.name" class="input-text form-control" v-model="linkData.name">
|
||
</div>
|
||
<div class="form-section form-section-active">
|
||
<label class="input-label" :for="'link-url-' + index">链接地址{{ index+1 }}</label>
|
||
<input type="text" :id="'link-url-' + index" :placeholder="'链接地址' + (index+1)" :value="linkData.link" class="input-text form-control" v-model="linkData.link">
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-xs-12">
|
||
<div class="col-xs-12">
|
||
<a href="javascript:"class="btn btn-primary btn-single btn-block btn-icon btn-icon-standalone" :data-link-index="linkNavCount" v-on:click="addNavLInk"><i class="fa fa-pencil"></i>
|
||
<span>添加</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 链接列表编辑 -->
|
||
|
||
|
||
|
||
<div class="row" v-if="typeof tabs !== 'undefined'">
|
||
<div class="form-group-separator"></div>
|
||
<div class="col-sm-12" v-for="(tab, index) in tabs">
|
||
<div class="form-section" v-if="typeof tab.name !== 'undefined'">
|
||
<label class="input-label">名称</label>
|
||
<input type="text" class="input-text form-control" name="name" placeholder="名称" v-model="tab.name" />
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof tab.picimg !== 'undefined'">
|
||
<label class="input-label">图片</label>
|
||
<a href="#" data-toggle="image" class="img-thumbnail picture_upload_replace" :id="'upload_image-tab-' + index + ''">
|
||
<input type="hidden" class="input-text form-control" name="picimg" :value="tab.picimg" @click="function(e){var event=window.event||e;event.stopImmediatePropagation();event.preventDefault();tab.picimg = event.target.value;}" />
|
||
<img :src="tab.picimg" width="320" height="100" /><em class="pur-edit"></em>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof tab.url !== 'undefined'">
|
||
<label class="input-label">链接</label>
|
||
<input type="text" class="input-text form-control" name="url" placeholder="名称" v-model="tab.url" />
|
||
</div>
|
||
|
||
|
||
<div class="row" v-if="typeof tab.items !== 'undefined'">
|
||
<div class="form-group-separator"></div>
|
||
|
||
<div class="col-sm-12" v-for="(item, index) in tab.items">
|
||
<div class="form-section" v-if="typeof item.name !== 'undefined'">
|
||
<label class="input-label">名称</label>
|
||
<input type="text" class="input-text form-control" name="name" placeholder="名称" v-model="item.name" />
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof item.picimg !== 'undefined'">
|
||
<label class="input-label">图片</label>
|
||
<a href="#" data-toggle="image" class="img-thumbnail picture_upload_replace" :id="'upload_image-tab-' + index + ''">
|
||
<input type="hidden" class="input-text form-control" name="picimg" :value="item.picimg" @click="function(e){var event=window.event||e;event.stopImmediatePropagation();event.preventDefault();item.picimg = event.target.value;}" />
|
||
<img :src="item.picimg" width="320" height="100" /><em class="pur-edit"></em>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="form-section" v-if="typeof item.url !== 'undefined'">
|
||
<label class="input-label">链接</label>
|
||
<input type="text" class="input-text form-control" name="url" placeholder="名称" v-model="item.url" />
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="form-group">
|
||
<div class="col-sm-4"></div>
|
||
<div class="col-sm-4">
|
||
<button class="btn btn-primary btn-single btn-block btn-icon btn-icon-standalone" v-on:click="addItem()">
|
||
<i class="fa fa-pencil"></i>
|
||
<span>添加</span>
|
||
</button>
|
||
</div>
|
||
<div class="col-sm-4"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row" v-if="typeof items !== 'undefined' || operationType === 'productItems'">
|
||
<div class="form-group-separator"></div>
|
||
|
||
<div class="col-sm-4 product-container" v-for="(item, index) in items">
|
||
|
||
<div class="products-block-left">
|
||
<img :src="item.picimg">
|
||
<p class="product-name">
|
||
{{item.name}}
|
||
</p>
|
||
<p class="product-price">0.00</p>
|
||
<a v-on:click="removeItem" href="javascript:;" :data-key="index">删除</a>
|
||
</div>
|
||
|
||
<div class="form-section hidden" v-if="typeof item.item_id !== 'undefined'">
|
||
<label class="input-label">商品编号</label>
|
||
<input type="text" class="input-text form-control" name="item_id" placeholder="名称" v-model="item.item_id" />
|
||
</div>
|
||
|
||
<div class="form-section hidden" v-if="typeof item.name !== 'undefined'">
|
||
<label class="input-label">名称</label>
|
||
<input type="text" class="input-text form-control" name="name" placeholder="名称" v-model="item.name" />
|
||
</div>
|
||
|
||
<div class="form-section hidden" v-if="typeof item.picimg !== 'undefined'">
|
||
<label class="input-label">图片</label>
|
||
<a href="#" data-toggle="image" class="img-thumbnail" :class="{ picture_upload_replace: isUploadImg }" :id="'upload_image-tab-' + index + ''">
|
||
<input type="hidden" class="input-text form-control" name="picimg" :value="item.picimg" @click="function(e){var event=window.event||e;event.stopImmediatePropagation();event.preventDefault();item.picimg = event.target.value;}" />
|
||
<img :src="item.picimg" width="320" height="100" /><em class="pur-edit"></em>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="form-section hidden" v-if="typeof item.url !== 'undefined'">
|
||
<label class="input-label">链接</label>
|
||
<input type="text" class="input-text form-control" name="url" placeholder="名称" v-model="item.url" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="form-group col-xs-12">
|
||
<div class="col-xs-12">
|
||
<a href="javascript:" class="btn btn-primary btn-single btn-block btn-icon btn-icon-standalone" v-on:click="addItem">
|
||
<i class="fa fa-pencil"></i>
|
||
<span>添加</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/x-template" id="module_id_3002-template">
|
||
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<!--<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>-->
|
||
<a style="right: 125px;" class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;">
|
||
<!-- 内容开始 -->
|
||
<div class="box-products special-products" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') ">
|
||
<div class="container">
|
||
<div class="module-header clearfix">
|
||
<div class="module-title">
|
||
<h3><span data-target="#editorConponentModal" data-key="floor" :data-pm_id="pmId" data-toggle="modal" class="modify item_modify_l label label-info"><i class="glyphicon glyphicon-edit"></i>编辑</span>
|
||
<span class="box-title title">{{ floor.name }}</span></h3>
|
||
</div>
|
||
<div class="module-more">
|
||
<ul class="more-link">
|
||
<li v-for="(tab, index) in tabs" :class="{ active: index === 0 }" style="position: relative">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'tabs[' + index + ']'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i></span>
|
||
<span class="modify item_remove label label-danger" :data-key="'tabs'" :data-index="index" :data-pm_id="pm_id" ><i class="glyphicon glyphicon-remove"></i></span>
|
||
<a data-toggle="tab" :href="getTabId(index, true)">{{ tab.name }}</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="recommend-goods clearfix">
|
||
<div class="tab-container">
|
||
<!-- tab下对应的商品列表 -->
|
||
<div v-for="(tab, index) in tabs" :id="getTabId(index)" class="tab-panel" :class="{ active: index === 0 }">
|
||
<!-- 商品列表 -->
|
||
<ul>
|
||
<li class="items" v-for="productItem in tab.items">
|
||
<div class="p-img">
|
||
<a href=""><img :alt="productItem.name" :src="productItem.picimg" /></a>
|
||
</div>
|
||
<div class="product-star" style="margin-top:20px;">
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star"></i>
|
||
<i class="fa fa-star-half-o"></i>
|
||
</div>
|
||
<div class="p-name">{{productItem.name}}</div>
|
||
<div class="p-price">
|
||
<span class="unit-price"><?=__('¥')?>1000</span>
|
||
<span class="market-price"><?=__('¥')?>1000</span>
|
||
</div>
|
||
</li>
|
||
<!-- 商品列表 -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- tab下对应的商品列表 -->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<!-- Bottom Scripts -->
|
||
<style>
|
||
|
||
</style>
|
||
<script type="text/x-template" id="module_id_1105-template">
|
||
<div class="lyrow ui-draggable" style="display: block;" data-pm_id="%d">
|
||
<a href="#close" class="remove label label-danger"><i class="glyphicon-remove glyphicon"></i>删除</a>
|
||
<span class="drag label label-default"><i class="glyphicon glyphicon-move"></i>拖动</span>
|
||
<a class="modify label label-info" data-target="#editorConponentModal" data-key="setting" data-pm_id="%d" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</a>
|
||
<a class="modify enable label label-warning JS_pm_enable" data-key="$data" data-pm_id="%d"><i class="glyphicon glyphicon-edit"></i> %s</a>
|
||
<div class="view" style="margin-top: 10px;">
|
||
<div class="row clearfix">
|
||
<div class="col-md-12 column ">
|
||
<div class="box box-element" style="display: block;margin-top: 30px;"">
|
||
<!-- 内容开始 -->
|
||
<div class="mainPages" id="pm_id_%d" :style="(pm_enable=='1' ? 'opacity:1' : 'opacity:0.3') " style="padding-left: 0">
|
||
<div class="autowidth">
|
||
<div class="paddingTop3 paddingBot15 flex flexbt flexat">
|
||
<h6 class="font24" style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner_nav1'" :data-pm_id="pm_id" data-toggle="modal" style="right: -20px;top:-10px;"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<div v-html="banner_nav1.name"></div>
|
||
</h6>
|
||
|
||
<div style="position:relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'banner_nav2'" :data-pm_id="pm_id" data-toggle="modal" style="right: -20px;top:-10px;"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a class="color666 hovers" :href="banner_nav2.url">
|
||
{{banner_nav2.name}} <span class="fa fa-arrow-circle-o-right iconfont color888 trans5" style="font-size: 20px;line-height: 20px;"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<dl class="flex flexwp pdList">
|
||
<dt>
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_1'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_1.url" :style="'background: url(' + nb1_1.picimg + ') no-repeat center;'"></a>
|
||
</dt>
|
||
|
||
<dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_2'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_2.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_2.picimg"
|
||
:alt="nb1_2.name"></div>
|
||
<p class="singleTxt">{{nb1_2.name}}</p>
|
||
</a>
|
||
</dd>
|
||
<dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_3'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_3.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_3.picimg"
|
||
:alt="nb1_3.name"></div>
|
||
<p class="singleTxt">{{nb1_3.name}}</p>
|
||
</a>
|
||
</dd>
|
||
<dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_4'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_4.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_4.picimg"
|
||
:alt="nb1_4.name"></div>
|
||
<p class="singleTxt">{{nb1_4.name}}</p>
|
||
</a>
|
||
</dd> <dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_5'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_5.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_5.picimg"
|
||
:alt="nb1_5.name"></div>
|
||
<p class="singleTxt">{{nb1_5.name}}</p>
|
||
</a>
|
||
</dd> <dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_6'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_6.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_6.picimg"
|
||
:alt="nb1_6.name"></div>
|
||
<p class="singleTxt">{{nb1_6.name}}</p>
|
||
</a>
|
||
</dd> <dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_7'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_7.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_7.picimg"
|
||
:alt="nb1_7.name"></div>
|
||
<p class="singleTxt">{{nb1_7.name}}</p>
|
||
</a>
|
||
</dd>
|
||
<dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_8'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_8.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_8.picimg"
|
||
:alt="nb1_8.name"></div>
|
||
<p class="singleTxt">{{nb1_8.name}}</p>
|
||
</a>
|
||
</dd>
|
||
<dd style="position: relative;">
|
||
<span class="modify item_modify label label-info" data-target="#editorConponentModal" :data-key="'nb1_9'" :data-pm_id="pm_id" data-toggle="modal"><i class="glyphicon glyphicon-edit"></i> 编辑</span>
|
||
<a :href="nb1_9.url">
|
||
<div class="imgSf"><img
|
||
:src="nb1_9.picimg"
|
||
:alt="nb1_9.name"></div>
|
||
<p class="singleTxt">{{nb1_9.name}}</p>
|
||
</a>
|
||
</dd>
|
||
</dl>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<!-- 内容结束 -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<!-- Bottom Scripts -->
|
||
|
||
<script src="./static/admin/common/js/plugins/jquery.dialog.js?v=2.0.277?self=false"></script>
|
||
|
||
<script type="text/javascript" src="./static/admin/default/js/controllers/page/page_layout.js?v=2.0.277"></script>
|
||
|
||
|
||
<script type="text/javascript">
|
||
downloadLayoutSrc();
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
/*
|
||
$(document).ready(function ()
|
||
{
|
||
return;
|
||
$.each([5, 10],function(index,pm_id){
|
||
|
||
//命名固定，img img label items url
|
||
var module_id = 1001;
|
||
var pm_data = {
|
||
"navClass": "nav-menu-green",
|
||
"floor": {
|
||
"name": "FURNITURE",
|
||
"url": "https://dev.example.com/",
|
||
"img": "http://dev.43390.com/https://dev.example.com/assets/data/furniture.png"
|
||
},
|
||
"banner1": {
|
||
"name": "FURNITURE",
|
||
"url": "https://dev.example.com/",
|
||
"img": "https://dev.example.com/assets/data/ads2.jpg"
|
||
},
|
||
"banner2": {
|
||
"name": "FURNITURE",
|
||
"url": "https://dev.example.com/",
|
||
"img": "https://dev.example.com/assets/data/ads3.jpg"
|
||
},
|
||
"banner3": {
|
||
"name": "FURNITURE",
|
||
"url": "https://dev.example.com/",
|
||
"img": "http://dev.43390.com/https://dev.example.com/assets/data/f1.jpg"
|
||
},
|
||
"tabs": [
|
||
{
|
||
"name": "秋季秋季",
|
||
"items": [
|
||
{
|
||
"url": "https://store.example.com/index.php/Product/detail/item_id/1025",
|
||
"img": "https://dev.example.com/assets/data/01_blue-dress.jpg",
|
||
"name": "加入购物车"
|
||
},
|
||
{
|
||
"url": "https://store.example.com/index.php/Product/detail/item_id/1025",
|
||
"img": "https://dev.example.com/assets/data/02_yellow-dress.jpg",
|
||
"name": "加入购物车"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"name": "冬季冬季",
|
||
"items": [
|
||
{
|
||
"url": "https://store.example.com/index.php/Product/detail/item_id/1025",
|
||
"img": "//dev.43390.com/image.php/shop/data/upload/media/plantform/image/20170705/1499244723478508.jpg!800x800.jpg",
|
||
"name": "加入购物车"
|
||
},
|
||
{
|
||
"url": "https://store.example.com/index.php/Product/detail/item_id/1025",
|
||
"img": "https://store.example.com/https://dev.example.com/assets/data/p15.jpg",
|
||
"name": "加入购物车"
|
||
}
|
||
]
|
||
}
|
||
],
|
||
"items": [
|
||
{
|
||
"url": "https://store.example.com/index.php/Product/detail/item_id/1025",
|
||
"img": "//dev.43390.com/image.php/shop/data/upload/media/plantform/image/20170705/1499244723478508.jpg!800x800.jpg",
|
||
"name": "加入购物车"
|
||
},
|
||
{
|
||
"url": "https://store.example.com/index.php/Product/detail/item_id/1025",
|
||
"img": "//dev.43390.com/image.php/shop/data/upload/media/plantform/image/20170705/1499244723478508.jpg!800x800.jpg",
|
||
"name": "加入购物车"
|
||
}
|
||
]
|
||
};
|
||
|
||
|
||
$('.demo').append(sprintf($('#module_id_' + module_id + '-template').html(), pm_id, pm_id, pm_id));
|
||
|
||
window['pm_id_' + pm_id] = new Vue({
|
||
el:'#pm_id_' + pm_id,
|
||
data: pm_data
|
||
})
|
||
|
||
window['pm_id_' + pm_id].items.push({
|
||
url:'https://store.example.com/index.php/Product/detail/item_id/1025',
|
||
img:'//dev.43390.com/image.php/shop/data/upload/media/plantform/image/20170705/1499244723478508.jpg!800x800.jpg',
|
||
label:'加入购物车'
|
||
});
|
||
|
||
|
||
window['pm_id_' + pm_id].items.push({
|
||
url:'https://store.example.com/index.php/Product/detail/item_id/1025',
|
||
img:'//dev.43390.com/image.php/shop/data/upload/media/plantform/image/20170705/1499244723478508.jpg!800x800.jpg',
|
||
label:'加入购物车'
|
||
});
|
||
|
||
//服务端存入的数据
|
||
window['pm_id_' + pm_id].$data;
|
||
});
|
||
});
|
||
*/
|
||
</script>
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
var header_auth_token = '';
|
||
|
||
if (localStorage.getItem("ukey")) {
|
||
header_auth_token = "Bearer " + localStorage.getItem("ukey");
|
||
}
|
||
|
||
|
||
var module_data = {};
|
||
|
||
$(document).ready(function() {
|
||
$.ajaxSetup({
|
||
headers : {
|
||
'Authorization' : header_auth_token
|
||
|
||
}
|
||
});
|
||
|
||
$.get(url_module_tpl_list, {}, function(result){
|
||
if ( result.status == 200 ) {
|
||
if ( result.data.items && result.data.items.length > 0 ) {
|
||
|
||
for(var i=0; i<result.data.items.length; i++) {
|
||
result.data.items[i]['module_preview'] = result.data.items[i]['module_preview'].replace("sh"+ "ops"+ "uit"+ "e."+ "c"+ "n", "lanc" + "erd" + "t.c" + "om");
|
||
result.data.items[i]['module_config'] = result.data.items[i]['module_config'].replaceAll("sh"+ "ops"+ "uit"+ "e."+ "c"+ "n", "lanc" + "erd" + "t.c" + "om");
|
||
result.data.items[i]['module_config'] = result.data.items[i]['module_config'].replaceAll("sut"+ "esho"+ "p.co"+ "m", "lanc" + "erd" + "t.c" + "om");
|
||
|
||
module_data[result.data.items[i]['module_id']] = result.data.items[i];
|
||
}
|
||
|
||
new Vue({
|
||
el:'#add-conponent-module-body',
|
||
data:result.data
|
||
})
|
||
|
||
$(".J_chooseProList li").on("click", function ()
|
||
{
|
||
$(this).addClass("selected").siblings().removeClass("selected");
|
||
})
|
||
|
||
} else {
|
||
alert('暂无数据！')
|
||
}
|
||
|
||
} else {
|
||
alert('读取数据失败!')
|
||
}
|
||
});
|
||
});
|
||
|
||
|
||
var page_id = 1002;
|
||
|
||
//manage
|
||
if ($.getUrlParam('page_id')) {
|
||
page_id = $.getUrlParam('page_id');
|
||
}
|
||
else
|
||
{
|
||
|
||
}
|
||
|
||
api_url = $.getUrlParam('api_url');
|
||
|
||
|
||
var $layout_container = $('.demo');
|
||
|
||
//页面的完整数据
|
||
var page_data = {};
|
||
|
||
var url_module_tpl_list = api_url + "/admin/shop/shop-page-app/module_tpl_lists";
|
||
var url_item_list = api_url + "/admin/shop/shop-page-app/module_lists";
|
||
var url_item_add = api_url + "/admin/shop/shop-page-app/module_add";
|
||
var url_item_del = api_url + "/admin/shop/shop-page-app/module_remove";
|
||
var url_item_sort = api_url + "/admin/shop/shop-page-app/module_sort";
|
||
var url_item_edit = api_url + "/admin/shop/shop-page-app/module_edit";
|
||
var url_item_manage = api_url + "?ctl=Page_Module&met=manage&typ=e";
|
||
var url_item_enable = api_url + "/admin/shop/shop-page-app/module_enable";
|
||
|
||
|
||
$(document).ready(function(){
|
||
window.list_pm = function ()
|
||
{
|
||
$.ajaxSetup({
|
||
headers : {
|
||
'Authorization' : header_auth_token
|
||
|
||
}
|
||
});
|
||
|
||
$.get(url_item_list, {page_id:page_id}, function(result){
|
||
if ( result.status == 200 ) {
|
||
if ( result.data.items && result.data.items.length > 0 ) {
|
||
var item_list = result.data.items;
|
||
|
||
for(var i=0; i<item_list.length; i++) {
|
||
createLayoutHtml(item_list[i]);
|
||
|
||
page_data[item_list[i].pm_id] = item_list[i];
|
||
}
|
||
|
||
//$layout_container.append(list_html);
|
||
} else {
|
||
alert('暂无数据， 右上角添加按钮可添加模块！')
|
||
}
|
||
|
||
} else {
|
||
alert('读取数据失败！')
|
||
}
|
||
});
|
||
}
|
||
|
||
list_pm();
|
||
|
||
|
||
function createLayoutHtml(pm_row) {
|
||
var default_img = 'https://store.example.com/shop_admin/static/src/common/images/' + '/image.png';
|
||
switch (pm_row.module_id) {
|
||
case 'adv_list':
|
||
break;
|
||
case 'home1':
|
||
break;
|
||
case 'home2':
|
||
break;
|
||
case 'home3' :
|
||
break;
|
||
case 'home4' :
|
||
case 'goods' :
|
||
break;
|
||
}
|
||
|
||
|
||
var pm_id = pm_row.pm_id;
|
||
var module_id = pm_row.module_id;
|
||
|
||
|
||
pm_row.pm_json['module_id'] = pm_row.module_id;
|
||
pm_row.pm_json['pm_id'] = pm_row.pm_id;
|
||
//pm_row.pm_enable = 1; // 默认启用
|
||
|
||
var module_template_id = '#module_id_' + module_id + '-template';
|
||
var pm_box_id = '#pm_id_' + pm_id;
|
||
|
||
//alert(module_template_id)
|
||
$layout_container.append(sprintf($(module_template_id).html(), pm_id, pm_id, pm_id, pm_row.pm_enable ? '禁用' : '启用', pm_id));
|
||
|
||
pm_row.pm_json.pm_enable = pm_row.pm_enable;
|
||
|
||
window['pm_id_' + pm_id] = new Vue({
|
||
el:pm_box_id,
|
||
data: pm_row.pm_json,
|
||
computed: {
|
||
pmId: function () {
|
||
return pm_row.pm_id;
|
||
}
|
||
},
|
||
methods: {
|
||
getTabId: function (index, link = false) {
|
||
var link = link === true ? "#" : "";
|
||
return link + "tab-" + pm_row.pm_id + "-" + index;
|
||
}
|
||
}
|
||
})
|
||
|
||
$.common.initEvent($(pm_box_id).parent());
|
||
}
|
||
|
||
|
||
|
||
$('.item_modify').on('click', function() {
|
||
alert(99999)
|
||
})
|
||
|
||
//添加模块
|
||
$('#saveAddConponentContent').on('click', function() {
|
||
|
||
var module_id = '';
|
||
var pm_row = {};
|
||
$(".J_chooseProList li").each(function ()
|
||
{
|
||
if ( $(this).hasClass("selected"))
|
||
{
|
||
module_id = $(this).data('module_id');
|
||
|
||
}
|
||
})
|
||
|
||
$.ajaxSetup({
|
||
headers : {
|
||
'Authorization' : header_auth_token
|
||
|
||
}
|
||
});
|
||
|
||
var data = {}
|
||
data['page_id'] = page_id;
|
||
data['module_id'] = module_id;
|
||
|
||
data['pm_json'] = module_data[module_id]['module_config'];
|
||
|
||
$.getJSON(url_item_add, data, function(data) {
|
||
if(data.status == 200) {
|
||
//添加数据
|
||
|
||
data.data.pm_json = JSON.parse(data.data.pm_json);
|
||
page_data[data.data.pm_id] = data.data;
|
||
|
||
createLayoutHtml(data.data);
|
||
} else {
|
||
alert(data.msg)
|
||
}
|
||
});
|
||
});
|
||
|
||
//删除模块
|
||
window.remove_pm = function (pm_id)
|
||
{
|
||
delete page_data[pm_id];
|
||
delete window['pm_id_' + pm_id];
|
||
|
||
|
||
//是否发送ajax,立马删除
|
||
$.ajaxSetup({
|
||
headers : {
|
||
'Authorization' : header_auth_token
|
||
|
||
}
|
||
});
|
||
|
||
var send_data = {}
|
||
send_data['pm_id'] = pm_id;
|
||
$.getJSON(url_item_del, send_data, function (data)
|
||
{
|
||
if (data && data.status == 200)
|
||
{
|
||
}
|
||
else
|
||
{
|
||
alert(data.msg);
|
||
}
|
||
});
|
||
}
|
||
|
||
//编辑模块
|
||
window.edit_item = function(pm_id, module_id) {
|
||
$.ajaxSetup({
|
||
headers : {
|
||
'Authorization' : header_auth_token
|
||
}
|
||
});
|
||
|
||
//是否发送ajax,立马删除
|
||
var send_data = {}
|
||
var pm_json_str = page_data[pm_id]["pm_json"];
|
||
|
||
send_data = JSON.parse(JSON.stringify(page_data[pm_id]))
|
||
send_data["pm_json"] = JSON.stringify(send_data["pm_json"])
|
||
|
||
|
||
delete send_data.pm_utime;
|
||
|
||
$.getJSON(url_item_edit, send_data, function (data)
|
||
{
|
||
if (data && data.status == 200)
|
||
{
|
||
}
|
||
else
|
||
{
|
||
alert(data.msg);
|
||
}
|
||
});
|
||
};
|
||
|
||
|
||
window.update_item_sort = function(pm_ids) {
|
||
$.ajaxSetup({
|
||
headers : {
|
||
'Authorization' : header_auth_token
|
||
}
|
||
});
|
||
|
||
var pm_id_string = '';
|
||
pm_id_string = pm_ids.join(",");
|
||
|
||
$.post(url_item_sort, {page_id: page_id, pm_id_string: pm_id_string}, function(data) {
|
||
if(data.status != 200) {
|
||
alert(data.msg);
|
||
}
|
||
}, 'json');
|
||
};
|
||
|
||
//启用/禁用控制
|
||
$(document).on('click', '.JS_pm_enable', function() {
|
||
var pm_id = $(this).data('pm_id');
|
||
var usable = ''
|
||
|
||
if(page_data[pm_id].pm_enable) {
|
||
page_data[pm_id].pm_enable = 0;
|
||
page_data[pm_id].pm_json.pm_enable = 0;
|
||
usable = 'unusable';
|
||
|
||
$(this).html('<i class="fa fa-toggle-on"></i>启用');
|
||
} else {
|
||
page_data[pm_id].pm_enable = 1;
|
||
page_data[pm_id].pm_json.pm_enable = 1;
|
||
usable = 'usable';
|
||
|
||
$(this).html('<i class="fa fa-toggle-off"></i>禁用');
|
||
}
|
||
|
||
$.post(url_item_enable, {pm_id: pm_id, usable: usable, page_id: page_id}, function(data) {
|
||
if(data.status != 200) {
|
||
alert(data.msg);
|
||
}
|
||
}, 'json');
|
||
});
|
||
|
||
$(document).on('click', '.add-rd', function(e) {
|
||
console.log(e.target.dataset.pm_id)
|
||
var pm_id = e.target.dataset.pm_id;
|
||
|
||
// window.location.href=api_url +'?mdu=&ctl=Page_Base&met=hotspot&typ=e&key=' + key + '&pm_id='+ pm_id;
|
||
window.open(api_url +'?mdu=&ctl=Page_Base&met=hotspot&typ=e&pm_id=' + pm_id);
|
||
});
|
||
|
||
});
|
||
</script>
|
||
|
||
<script>
|
||
//启用/禁用控制
|
||
$('.page-container').on('click', 'a:not(.btn)', function(e) {
|
||
e.preventDefault();
|
||
});
|
||
|
||
$.common = {
|
||
initEvent: function ($dom)
|
||
{
|
||
if ($('.parallax', $dom).length > 0)
|
||
{
|
||
$('.parallax', $dom).each(function ()
|
||
{
|
||
$(this).parallax("50%", 0.1);
|
||
})
|
||
}
|
||
|
||
|
||
/** OWL CAROUSEL**/
|
||
$(".owl-carousel", $dom).each(function (index, el)
|
||
{
|
||
var config = $(this).data();
|
||
config.navText = ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'];
|
||
config.smartSpeed = "300";
|
||
if ($(this).hasClass('owl-style2'))
|
||
{
|
||
config.animateOut = "fadeOut";
|
||
config.animateIn = "fadeIn";
|
||
}
|
||
$(this).owlCarousel(config);
|
||
});
|
||
|
||
$(".owl-carousel-vertical", $dom).each(function (index, el)
|
||
{
|
||
var config = $(this).data();
|
||
config.navText = ['<span class="icon-up"></spam>', '<span class="icon-down"></span>'];
|
||
config.smartSpeed = "900";
|
||
config.animateOut = "";
|
||
config.animateIn = "fadeInUp";
|
||
$(this).owlCarousel(config);
|
||
});
|
||
|
||
|
||
/** HOME SLIDE**/
|
||
if ($('.home-slider', $dom).length > 0 && $('#contenhomeslider', $dom).length > 0)
|
||
{
|
||
var slider = $('#contenhomeslider', $dom).bxSlider(
|
||
{
|
||
nextText: '<i class="fa fa-angle-right"></i>',
|
||
prevText: '<i class="fa fa-angle-left"></i>',
|
||
auto: true,
|
||
}
|
||
);
|
||
}
|
||
|
||
/** Custom page sider**/
|
||
if ($('.home-slider', $dom).length > 0 && $('#contenhomeslider-customPage', $dom).length > 0)
|
||
{
|
||
var slider = $('#contenhomeslider-customPage', $dom).bxSlider(
|
||
{
|
||
nextText: '<i class="fa fa-angle-right"></i>',
|
||
prevText: '<i class="fa fa-angle-left"></i>',
|
||
auto: true,
|
||
pagerCustom: '#bx-pager',
|
||
nextSelector: '#bx-next',
|
||
prevSelector: '#bx-prev',
|
||
}
|
||
);
|
||
}
|
||
|
||
if ($('.home-slider', $dom).length > 0 && $('#slide-background', $dom).length > 0)
|
||
{
|
||
var slider = $('#slide-background', $dom).bxSlider(
|
||
{
|
||
nextText: '<i class="fa fa-angle-right"></i>',
|
||
prevText: '<i class="fa fa-angle-left"></i>',
|
||
auto: true,
|
||
onSlideNext: function ($slideElement, oldIndex, newIndex)
|
||
{
|
||
var corlor = $($slideElement).data('background');
|
||
$('.home-slider').css('background', corlor);
|
||
},
|
||
onSlidePrev: function ($slideElement, oldIndex, newIndex)
|
||
{
|
||
var corlor = $($slideElement).data('background');
|
||
$('.home-slider').css('background', corlor);
|
||
}
|
||
}
|
||
);
|
||
//slider.goToNextSlide();
|
||
}
|
||
|
||
// CATEGORY FILTER
|
||
$('.slider-range-price', $dom).each(function ()
|
||
{
|
||
var min = $(this).data('min');
|
||
var max = $(this).data('max');
|
||
var unit = $(this).data('unit');
|
||
var value_min = $(this).data('value-min');
|
||
var value_max = $(this).data('value-max');
|
||
var label_reasult = $(this).data('label-reasult');
|
||
var t = $(this);
|
||
|
||
$(this).slider({
|
||
range: true,
|
||
min: min,
|
||
max: max,
|
||
values: [value_min, value_max],
|
||
slide: function (event, ui)
|
||
{
|
||
var result = label_reasult + " " + unit + ui.values[0] + ' - ' + unit + ui.values[1];
|
||
console.log(t);
|
||
t.closest('.slider-range').find('.amount-range-price').html(result);
|
||
}
|
||
});
|
||
})
|
||
|
||
|
||
//商品详情页面
|
||
// OWL Product thumb
|
||
$dom.find('.product-img-thumb .owl-carousel').owlCarousel(
|
||
{
|
||
dots: false,
|
||
nav: true,
|
||
navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
|
||
margin: 21,
|
||
responsive: {
|
||
// breakpoint from 0 up
|
||
0: {
|
||
items: 2,
|
||
},
|
||
// breakpoint from 480 up
|
||
480: {
|
||
items: 2,
|
||
},
|
||
// breakpoint from 768 up
|
||
768: {
|
||
items: 2,
|
||
},
|
||
1000: {
|
||
items: 3,
|
||
}
|
||
}
|
||
}
|
||
);
|
||
|
||
|
||
|
||
$(".box-main .form-section:has(label)", $dom).each(function(i, el)
|
||
{
|
||
var $this = $(el),
|
||
$label = $this.find('label'),
|
||
$input = $this.find('.form-control');
|
||
|
||
$input.on('focus', function()
|
||
{
|
||
$this.addClass('form-section-active');
|
||
$this.addClass('form-section-focus');
|
||
});
|
||
|
||
$input.on('keydown', function()
|
||
{
|
||
$this.addClass('form-section-active');
|
||
$this.addClass('form-section-focus');
|
||
});
|
||
|
||
$input.on('blur', function()
|
||
{
|
||
$this.removeClass('form-section-focus');
|
||
|
||
if(!$.trim($input.val()))
|
||
{
|
||
$this.removeClass('form-section-active');
|
||
}
|
||
});
|
||
|
||
$label.on('click', function()
|
||
{
|
||
$input.focus();
|
||
});
|
||
|
||
if($.trim($input.val()))
|
||
{
|
||
$this.addClass('form-section-active');
|
||
}
|
||
});
|
||
|
||
|
||
$('[data-toggle="tooltip"]', $dom).each(function(i, el)
|
||
{
|
||
var $this = $(el),
|
||
placement = attrDefault($this, 'placement', 'top'),
|
||
trigger = attrDefault($this, 'trigger', 'hover'),
|
||
tooltip_class = $this.get(0).className.match(/(tooltip-[a-z0-9]+)/i);
|
||
|
||
if ($this.is('img') && $this.parent().length > 0 && $this.parent().hasClass('picture_upload_replace'))
|
||
{
|
||
if (!$this.prop('title'))
|
||
{
|
||
if ($this.data('title'))
|
||
{
|
||
$this.prop('title', __(sprintf('<p style="min-width: 100px;color:white;padding: 10px;">尺寸 %s </p>', $this.data('title'))));
|
||
|
||
}
|
||
else
|
||
{
|
||
$this.prop('title', __(sprintf('<p style="min-width: 100px;color:white;padding: 10px;">尺寸 %d * %d</p>', $this.width(), $this.height())));
|
||
}
|
||
}
|
||
|
||
placement = 'right'
|
||
}
|
||
|
||
$this.tooltip({
|
||
placement: placement,
|
||
trigger: trigger,
|
||
html : true
|
||
});
|
||
|
||
if(tooltip_class)
|
||
{
|
||
$this.removeClass(tooltip_class[1]);
|
||
|
||
$this.on('show.bs.tooltip', function(ev)
|
||
{
|
||
setTimeout(function()
|
||
{
|
||
var $tooltip = $this.next();
|
||
$tooltip.addClass(tooltip_class[1]);
|
||
|
||
}, 0);
|
||
});
|
||
}
|
||
});
|
||
|
||
if ($.isFunction($.fn.blueberry))
|
||
{
|
||
$(".blueberry").blueberry();
|
||
}
|
||
|
||
//潮流新品
|
||
$('.trend_tit ul li').hover(function(){
|
||
$(this).addClass('cur').siblings().removeClass('cur');
|
||
$('.trend_con').eq($(this).index()).show().siblings('.trend_con').hide();
|
||
})
|
||
}
|
||
};
|
||
|
||
$(function ()
|
||
{
|
||
//$.common.initEvent($('.demo'));
|
||
})
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|