Skip to content

G
gk
Commit d1d799da authored by daniel's avatar daniel
Browse files
Options

feat(banner): 广告图尺寸更改

parent 29c7bd65
Show whitespace changes
Inline Side-by-side
Showing with 199 additions and 176 deletions
src/main/webapp/WEB-INF/views/cmpt/banner.jsp
View file @ d1d799da
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %> <%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!doctype html> <!doctype html>
<html> <html>
<head>
<head>
<title>赛事广告</title> <title>赛事广告</title>
<!-- Bootstrap CSS--> <!-- Bootstrap CSS-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/vendor/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="${ctxStatic}/newdermon/vendor/bootstrap/css/bootstrap.min.css">
...@@ -14,7 +15,9 @@ ...@@ -14,7 +15,9 @@
<!-- Google fonts - Poppins --> <!-- Google fonts - Poppins -->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/font-css.css"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/font-css.css">
<!-- theme stylesheet--> <!-- theme stylesheet-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/style.default.css?v=<%=System.currentTimeMillis()%>" id="theme-stylesheet"> <link rel="stylesheet"
href="${ctxStatic}/newdermon/css/style.default.css?v=<%=System.currentTimeMillis()%>"
id="theme-stylesheet">
<!-- Custom stylesheet - for your changes--> <!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/juery-ui-1.12.css"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/juery-ui-1.12.css">
...@@ -23,10 +26,10 @@ ...@@ -23,10 +26,10 @@
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/main.css?v=<%=System.currentTimeMillis()%>"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/main.css?v=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="${ctxStatic}/cmpt/setting.css?v=<%=System.currentTimeMillis()%>"> <link rel="stylesheet" href="${ctxStatic}/cmpt/setting.css?v=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="${ctxStatic}/leaflet/css/leaflet.css?v=<%=System.currentTimeMillis()%>"/> <link rel="stylesheet" href="${ctxStatic}/leaflet/css/leaflet.css?v=<%=System.currentTimeMillis()%>" />
<link rel="stylesheet" href="${ctxStatic}/leaflet/css/leaflet_label.css"/> <link rel="stylesheet" href="${ctxStatic}/leaflet/css/leaflet_label.css" />
<link rel="stylesheet" href="${ctxStatic}/cmpt/road.css?v=<%=System.currentTimeMillis()%>"/> <link rel="stylesheet" href="${ctxStatic}/cmpt/road.css?v=<%=System.currentTimeMillis()%>" />
<link rel="stylesheet" href="${ctxStatic}/cmpt/road-new.css?v=<%=System.currentTimeMillis()%>"/> <link rel="stylesheet" href="${ctxStatic}/cmpt/road-new.css?v=<%=System.currentTimeMillis()%>" />
<script src="${ctxStatic}/newdermon/vendor/jquery/jquery.min.js"></script> <script src="${ctxStatic}/newdermon/vendor/jquery/jquery.min.js"></script>
<script src="${ctxStatic}/newdermon/js/jquery-ui.js"></script> <script src="${ctxStatic}/newdermon/js/jquery-ui.js"></script>
<script type="text/javascript" src="${ctxStatic}/leaflet/leaflet.js"></script> <script type="text/javascript" src="${ctxStatic}/leaflet/leaflet.js"></script>
...@@ -34,81 +37,94 @@ ...@@ -34,81 +37,94 @@
<script type="text/javascript" charset="utf-8" src="${ctxStatic}/layer/layer.js"></script> <script type="text/javascript" charset="utf-8" src="${ctxStatic}/layer/layer.js"></script>
<link rel="stylesheet" href="${ctxStatic}/layer/skin/layer.css"> <link rel="stylesheet" href="${ctxStatic}/layer/skin/layer.css">
<style> <style>
.addTempalte{ .addTempalte {
width:960px; width: 960px;
height:80px; height: 80px;
background:rgba(231,231,231,1); background: rgba(231, 231, 231, 1);
border-radius:4px; border-radius: 4px;
border: 1px rgba(204,204,204,1) dashed; border: 1px rgba(204, 204, 204, 1) dashed;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
} }
.banner-item{
.banner-item {
width: 960px; width: 960px;
height: 136px; height: 136px;
} }
.banner-img{
width:270px; .banner-img {
height:92px; width: 270px;
background:rgba(245,245,245,1); height: 92px;
border-radius:4px; background: rgba(245, 245, 245, 1);
border-radius: 4px;
} }
.title-new{
height: 65px!important; .title-new {
height: 65px !important;
} }
.add-text{
width:80px; .add-text {
height:28px; width: 80px;
font-size:20px; height: 28px;
font-weight:400; font-size: 20px;
color:#666666; font-weight: 400;
color: #666666;
margin: 0px 20px 0px 8px; margin: 0px 20px 0px 8px;
} }
.banner-block{
width: 350px!important; .banner-block {
width: 350px !important;
} }
.drag{
.drag {
position: absolute; position: absolute;
left: 10px; left: 10px;
top: 10px; top: 10px;
width: 17px; width: 17px;
} }
.data{
.data {
height: 90px; height: 90px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.del-text{
.del-text {
color: #999999; color: #999999;
font-size: 20px; font-size: 20px;
margin: 0px 5px; margin: 0px 5px;
} }
.delOpt{
.delOpt {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
} }
.road-notice{
.road-notice {
margin: 0px 5px; margin: 0px 5px;
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
.equip-container-new{
.equip-container-new {
margin-bottom: 80px; margin-bottom: 80px;
margin-top: 12px!important; margin-top: 12px !important;
} }
.equip-item-new{
margin-top: 10px!important; .equip-item-new {
margin-top: 10px !important;
} }
</style> </style>
</head> </head>
<body>
<jsp:include page="../common/header.jsp"></jsp:include> <body>
<div class="page-content d-flex align-items-stretch main-body"> <jsp:include page="../common/header.jsp"></jsp:include>
<div class="page-content d-flex align-items-stretch main-body">
<jsp:include page="../common/menu.jsp"></jsp:include> <jsp:include page="../common/menu.jsp"></jsp:include>
<div class="rght"> <div class="rght">
<div class="force"> <div class="force">
...@@ -118,7 +134,10 @@ ...@@ -118,7 +134,10 @@
</div> </div>
<div> <div>
<span class="road-notice"></span> <span class="road-notice"></span>
<span style="font-size: 16px;color: #ce3939;margin-left: 5px;font-weight: normal;">最多可放5个广告，至少要有1个广告才能启用此功能；可通过拖拽<img style="width: 17px; margin: 0px 5px;" src="/static/images/drag.png" alt="">进行排序</span> <span
style="font-size: 16px;color: #ce3939;margin-left: 5px;font-weight: normal;">最多可放5个广告，至少要有1个广告才能启用此功能；可通过拖拽<img
style="width: 17px; margin: 0px 5px;" src="/static/images/drag.png"
alt="">进行排序</span>
</div> </div>
</div> </div>
...@@ -126,21 +145,24 @@ ...@@ -126,21 +145,24 @@
<img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px"> <img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px">
<span class="right add-text">添加广告</span> <span class="right add-text">添加广告</span>
<span class="road-notice"></span> <span class="road-notice"></span>
<span style="font-size: 14px;color: #ce3939;">建议分辨率359 X 202</span> <span style="font-size: 14px;color: #ce3939;">建议分辨率360 x 200</span>
</div> </div>
<div class="equip-container-new" id="sortable"> <div class="equip-container-new" id="sortable">
<c:choose> <c:choose>
<c:when test="${fn:length(banners) > 0}"> <c:when test="${fn:length(banners) > 0}">
<c:forEach var="item" items="${banners}"> <c:forEach var="item" items="${banners}">
<div class="equip-item-new equip-item banner-item" data-id="${item.id}" > <div class="equip-item-new equip-item banner-item" data-id="${item.id}">
<img class="drag left-top" src="/static/images/drag.png" alt=""> <img class="drag left-top" src="/static/images/drag.png" alt="">
<div class="banner-block"> <div class="banner-block">
<img class="banner-img" src="${item.url}" alt=""> <img class="banner-img" src="${item.url}" alt="">
<input type="file" name="pic" style="display: none" class="pic" onchange="uploadFile(this)"> <input type="file" name="pic" style="display: none" class="pic"
onchange="uploadFile(this)">
</div> </div>
<div class="data"> <div class="data">
<span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span> <span
<span style="font-size: 20px;color: #50BBFD">[${item.pageView}]</span> style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span>
<span
style="font-size: 20px;color: #50BBFD">[${item.pageView}]</span>
</div> </div>
<span></span> <span></span>
<div class="delOpt"> <div class="delOpt">
...@@ -154,10 +176,10 @@ ...@@ -154,10 +176,10 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="equip-item-new equip-item banner-item template" style="display: none;"> <div class="equip-item-new equip-item banner-item template" style="display: none;">
<img class="drag left-top" src="/static/images/drag.png" alt=""> <img class="drag left-top" src="/static/images/drag.png" alt="">
<div class="banner-block"> <div class="banner-block">
<img class="banner-img" src="" alt=""> <img class="banner-img" src="" alt="">
...@@ -173,9 +195,10 @@ ...@@ -173,9 +195,10 @@
<span class="del-text">删除</span> <span class="del-text">删除</span>
</div> </div>
<span class="save" style="display: none"></span> <span class="save" style="display: none"></span>
</div> </div>
</body> </body>
<script src="${ctxStatic}/newdermon/vendor/popper.js/umd/popper.min.js"></script> <script src="${ctxStatic}/newdermon/vendor/popper.js/umd/popper.min.js"></script>
<script src="${ctxStatic}/js/qikoo.js"></script> <script src="${ctxStatic}/js/qikoo.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/banner.js?v=0.0.2"></script> <script type="text/javascript" src="${ctxStatic}/js/banner.js?v=0.0.2"></script>
</html>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment