Skip to content

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

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

parent 29c7bd65
Hide 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>
<title>赛事广告</title>
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/vendor/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/vendor/font-awesome/css/font-awesome.min.css">
<!-- Fontastic Custom icon font-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/fontastic.css">
<!-- Google fonts - Poppins -->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/font-css.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/style.default.css?v=<%=System.currentTimeMillis()%>" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="${ctxStatic}/newdermon/css/juery-ui-1.12.css">
<!-- Favicon-->
<link rel="shortcut icon" href="https://img.geexek.com/files/home/favicon.ico">
<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}/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_label.css"/>
<link rel="stylesheet" href="${ctxStatic}/cmpt/road.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/js/jquery-ui.js"></script>
<script type="text/javascript" src="${ctxStatic}/leaflet/leaflet.js"></script>
<script type="text/javascript" src="${ctxStatic}/leaflet/label.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctxStatic}/layer/layer.js"></script>
<link rel="stylesheet" href="${ctxStatic}/layer/skin/layer.css">
<style>
.addTempalte{
width:960px;
height:80px;
background:rgba(231,231,231,1);
border-radius:4px;
border: 1px rgba(204,204,204,1) dashed;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.banner-item{
width: 960px;
height: 136px;
}
.banner-img{
width:270px;
height:92px;
background:rgba(245,245,245,1);
border-radius:4px;
}
.title-new{
height: 65px!important;
}
.add-text{
width:80px;
height:28px;
font-size:20px;
font-weight:400;
color:#666666;
margin: 0px 20px 0px 8px;
}
.banner-block{
width: 350px!important;
}
.drag{
position: absolute;
left: 10px;
top: 10px;
width: 17px;
}
.data{
height: 90px;
display: flex;
justify-content: center;
align-items: center;
}
.del-text{
color: #999999;
font-size: 20px;
margin: 0px 5px;
}
.delOpt{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.road-notice{
margin: 0px 5px;
width: 18px;
height: 18px;
}
.equip-container-new{
margin-bottom: 80px;
margin-top: 12px!important;
}
.equip-item-new{
margin-top: 10px!important;
}
</style>
</head>
<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>
<div class="rght">
<div class="force">
<div class="title-new">
<div>
<span class="title-txt">赛事广告</span>
</div>
<div>
<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>
</div>
</div> <head>
<div class="addTempalte"> <title>赛事广告</title>
<img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px"> <!-- Bootstrap CSS-->
<span class="right add-text">添加广告</span> <link rel="stylesheet" href="${ctxStatic}/newdermon/vendor/bootstrap/css/bootstrap.min.css">
<span class="road-notice"></span> <!-- Font Awesome CSS-->
<span style="font-size: 14px;color: #ce3939;">建议分辨率359 X 202</span> <link rel="stylesheet" href="${ctxStatic}/newdermon/vendor/font-awesome/css/font-awesome.min.css">
</div> <!-- Fontastic Custom icon font-->
<div class="equip-container-new" id="sortable"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/fontastic.css">
<c:choose> <!-- Google fonts - Poppins -->
<c:when test="${fn:length(banners) > 0}"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/font-css.css">
<c:forEach var="item" items="${banners}"> <!-- theme stylesheet-->
<div class="equip-item-new equip-item banner-item" data-id="${item.id}" > <link rel="stylesheet"
<img class="drag left-top" src="/static/images/drag.png" alt=""> href="${ctxStatic}/newdermon/css/style.default.css?v=<%=System.currentTimeMillis()%>"
<div class="banner-block"> id="theme-stylesheet">
<img class="banner-img" src="${item.url}" alt=""> <!-- Custom stylesheet - for your changes-->
<input type="file" name="pic" style="display: none" class="pic" onchange="uploadFile(this)"> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>">
</div> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/juery-ui-1.12.css">
<div class="data"> <!-- Favicon-->
<span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span> <link rel="shortcut icon" href="https://img.geexek.com/files/home/favicon.ico">
<span style="font-size: 20px;color: #50BBFD">[${item.pageView}]</span> <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}/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_label.css" />
<link rel="stylesheet" href="${ctxStatic}/cmpt/road.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/js/jquery-ui.js"></script>
<script type="text/javascript" src="${ctxStatic}/leaflet/leaflet.js"></script>
<script type="text/javascript" src="${ctxStatic}/leaflet/label.js"></script>
<script type="text/javascript" charset="utf-8" src="${ctxStatic}/layer/layer.js"></script>
<link rel="stylesheet" href="${ctxStatic}/layer/skin/layer.css">
<style>
.addTempalte {
width: 960px;
height: 80px;
background: rgba(231, 231, 231, 1);
border-radius: 4px;
border: 1px rgba(204, 204, 204, 1) dashed;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.banner-item {
width: 960px;
height: 136px;
}
.banner-img {
width: 270px;
height: 92px;
background: rgba(245, 245, 245, 1);
border-radius: 4px;
}
.title-new {
height: 65px !important;
}
.add-text {
width: 80px;
height: 28px;
font-size: 20px;
font-weight: 400;
color: #666666;
margin: 0px 20px 0px 8px;
}
.banner-block {
width: 350px !important;
}
.drag {
position: absolute;
left: 10px;
top: 10px;
width: 17px;
}
.data {
height: 90px;
display: flex;
justify-content: center;
align-items: center;
}
.del-text {
color: #999999;
font-size: 20px;
margin: 0px 5px;
}
.delOpt {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.road-notice {
margin: 0px 5px;
width: 18px;
height: 18px;
}
.equip-container-new {
margin-bottom: 80px;
margin-top: 12px !important;
}
.equip-item-new {
margin-top: 10px !important;
}
</style>
</head>
<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>
<div class="rght">
<div class="force">
<div class="title-new">
<div>
<span class="title-txt">赛事广告</span>
</div> </div>
<span></span> <div>
<div class="delOpt"> <span class="road-notice"></span>
<img src="/static/managerPagePhoto/del.png" alt="" width="27px;"> <span
<span class="del-text">删除</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 class="addTempalte">
<img src="/static/managerPagePhoto/add_banner.png" alt="" width="25px">
<span class="right add-text">添加广告</span>
<span class="road-notice"></span>
<span style="font-size: 14px;color: #ce3939;">建议分辨率360 x 200</span>
</div> </div>
</c:forEach> <div class="equip-container-new" id="sortable">
</c:when> <c:choose>
</c:choose> <c:when test="${fn:length(banners) > 0}">
</div> <c:forEach var="item" items="${banners}">
</div> <div class="equip-item-new equip-item banner-item" data-id="${item.id}">
</div> <img class="drag left-top" src="/static/images/drag.png" alt="">
</div> <div class="banner-block">
<img class="banner-img" src="${item.url}" alt="">
<input type="file" name="pic" style="display: none" class="pic"
<div class="equip-item-new equip-item banner-item template" style="display: none;"> onchange="uploadFile(this)">
<img class="drag left-top" src="/static/images/drag.png" alt=""> </div>
<div class="banner-block"> <div class="data">
<img class="banner-img" src="" alt=""> <span
<input type="file" name="pic" style="display: none" class="pic" onchange="uploadFile(this)"> style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span>
</div> <span
<div class="data"> style="font-size: 20px;color: #50BBFD">[${item.pageView}]</span>
<span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span> </div>
<span style="font-size: 20px;color: #50BBFD">[0]</span> <span></span>
</div> <div class="delOpt">
<span></span> <img src="/static/managerPagePhoto/del.png" alt="" width="27px;">
<div class="delOpt"> <span class="del-text">删除</span>
<img src="/static/managerPagePhoto/del.png" alt="" width="27px;"> </div>
<span class="del-text">删除</span> </div>
</div> </c:forEach>
<span class="save" style="display: none"></span> </c:when>
</div> </c:choose>
</body> </div>
<script src="${ctxStatic}/newdermon/vendor/popper.js/umd/popper.min.js"></script> </div>
<script src="${ctxStatic}/js/qikoo.js"></script> </div>
<script type="text/javascript" src="${ctxStatic}/js/banner.js?v=0.0.2"></script> </div>
</html>
<div class="equip-item-new equip-item banner-item template" style="display: none;">
<img class="drag left-top" src="/static/images/drag.png" alt="">
<div class="banner-block">
<img class="banner-img" src="" alt="">
<input type="file" name="pic" style="display: none" class="pic" onchange="uploadFile(this)">
</div>
<div class="data">
<span style="color: #666666;font-size: 16px;margin: 0px 10px;">累计露出</span>
<span style="font-size: 20px;color: #50BBFD">[0]</span>
</div>
<span></span>
<div class="delOpt">
<img src="/static/managerPagePhoto/del.png" alt="" width="27px;">
<span class="del-text">删除</span>
</div>
<span class="save" style="display: none"></span>
</div>
</body>
<script src="${ctxStatic}/newdermon/vendor/popper.js/umd/popper.min.js"></script>
<script src="${ctxStatic}/js/qikoo.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/banner.js?v=0.0.2"></script>
</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