Commit 29c7bd65 authored by daniel's avatar daniel

feat(cmpt): logo尺寸修复

parent 6da433d7
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %> <%@ taglib prefix="fns" uri="/WEB-INF/tlds/fns.tld" %>
<%@ taglib prefix="fnc" uri="/WEB-INF/tlds/fnc.tld" %> <%@ taglib prefix="fnc" uri="/WEB-INF/tlds/fnc.tld" %>
<c:set var="ctx" value="${pageContext.request.contextPath}${fns:getAdminPath()}"/> <c:set var="ctx" value="${pageContext.request.contextPath}${fns:getAdminPath()}" />
<c:set var="path" value="${pageContext.request.contextPath}${fns:getPath()}"/>
<c:set var="jaaproot" value="${pageContext.request.contextPath}"/>
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static"/>
<!-- JavaScript files-->
<script src="${ctxStatic}/newdermon/vendor/jquery/jquery.min.js"></script>
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
<meta name="description" content="">
<meta name="robots" content="all,follow">
<!-- 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()%>">
<!-- Favicon-->
<link rel="shortcut icon" href="https://img.geexek.com/files/home/favicon.ico">
<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}/cmpt/index.css?v=<%=System.currentTimeMillis()%>">
<link rel="stylesheet" href="${ctxStatic}/cmpt/setting.css?v=<%=System.currentTimeMillis()%>">
<title>视觉管理</title>
<style>
.input_cxcolor {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.17);
border-radius: 3px;
background: #000;
}
.title-sec {
background: white;
height: 40px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 10px 0px 0px;
padding: 20px 0 0 35px;
}
.title {
margin: 0px;
width: 100%;
font-size: 21px;
color: rgba(51, 51, 51, 1);
}
.qr-img {
width: 330px;
height: 330px;
padding: 35px;
background: white;
}
.download-qr {
width: 204px;
height: 48px;
background: rgba(206, 57, 57, 1);
border-radius: 4px;
font-size: 20px;
color: white;
line-height: 48px;
text-align: center;
margin: 0px 0px 20px 0px;
cursor: pointer;
}
.download-sec {
width: 618px;
background: white;
justify-content: center;
align-items: center;
}
.cmpt-status-div {
width: 100%;
height: 380px;
background: white;
justify-content: center;
align-items: center;
}
.warning {
display: inline-block;
width: 18px;
height: 18px;
background: rgba(206, 57, 57, 1);;
border-radius: 50%;
color: white;
text-align: center;
margin: 3px 10px;
}
.tip-txt {
height: 24px;
font-size: 16px;
color: rgba(206, 57, 57, 1);;
}
.wx-logo {
position: absolute;
left: 105px;
width: 120px;
height: 120px;
top: 105px;
border-radius: 50%;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999;
font-size: 14px;
}
.active-style {
border: solid 3px #e31515;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999;
font-size: 14px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999;
font-size: 14px;
}
.jscolor {
background-color: rgba(250, 250, 250, 1) !important;
color: #333 !important;
}
/* 开关样式 */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
</head>
<body>
<style type="text/css">
</style>
<div class="page">
<jsp:include page="../common/header.jsp"></jsp:include>
<div class="page-content d-flex align-items-stretch main-body">
<!-- Side Navbar -->
<jsp:include page="../common/menu.jsp"></jsp:include>
<div class="content-inner rght">
<!-- Page Header-->
<form id="inputform" action="cmptSave?information=${information}">
<!-- Feeds Section-->
<section class="feeds no-padding-top">
<div class="container-fluid" style="padding-left: 15px">
<div class="row line-first">
<!-- Trending Articles-->
<div class="maincolor">
<div class="articles card">
<div class="card-header d-flex align-items-center">
<h2 class="h3">主色</h2>
</div>
<input id="color_c" type="text" class="input_cxcolor" readonly
style="background: ${cmpt.cmptbgColor == null ? "#49b4b7":cmpt.cmptbgColor}">
<input class="maincolorcode jscolor" id="cmptBgColorInput"
placeholder="请输入主题颜色,例:#000000"
onchange="cmptBgColorChange()"
value='${cmpt.cmptbgColor == null ? "#49b4b7":cmpt.cmptbgColor}' style="">
</div> <c:set var="path" value="${pageContext.request.contextPath}${fns:getPath()}" />
<input type="hidden" name="hdcmptBgColorInput" id="hdcmptBgColorInput"
value="${cmpt.cmptbgColor}"/> <c:set var="jaaproot" value="${pageContext.request.contextPath}" />
</div> <c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
<!-- Check List --> <!-- JavaScript files-->
<div class="cmptLogo"> <script src="${ctxStatic}/newdermon/vendor/jquery/jquery.min.js"></script>
<div class="checklist card"> <!doctype html>
<div class="card-header d-flex align-items-center"> <html>
<h2 class="h3">赛事LOGO </h2>
</div> <head>
<div class="card-body no-padding"> <meta name="viewport"
<div class="logo-div"> content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
<img src="${cmpt.logo}" class="logo ${cmpt.logo != null ? 'cmpt-logo':''}" <meta name="description" content="">
alt="${ctxStatic}/managerPagePhoto/file.png" id="cmptLogo" <meta name="robots" content="all,follow">
onerror="this.src='${ctxStatic}/managerPagePhoto/insertManual.png'"> <!-- Bootstrap CSS-->
<input type="hidden" name="hdcmptLogo" id="hdcmptLogo" <link rel="stylesheet"
value="${cmpt.logo}"/> href="${ctxStatic}/newdermon/vendor/bootstrap/css/bootstrap.min.css">
<input id="upload" type="file" <!-- Font Awesome CSS-->
onchange="changeLogoImg('cmptLogo', 'upload','0','0','100%','100%')"/> <link rel="stylesheet"
</div> href="${ctxStatic}/newdermon/vendor/font-awesome/css/font-awesome.min.css">
<img src="${ctxStatic}/managerPagePhoto/zhu.png" <!-- Fontastic Custom icon font-->
style="width: 20px;margin: 0 5px 3px 25px;"/> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/fontastic.css">
<span class="PagePhotoDange">建议LOGO分辨率1000*800px</span> <!-- Google fonts - Poppins -->
</div>
</div> <link rel="stylesheet" href="${ctxStatic}/newdermon/css/font-css.css">
</div> <!-- theme stylesheet-->
</div> <link rel="stylesheet"
<div class="row line-first" style="margin-top: 10px;"> href="${ctxStatic}/newdermon/css/style.default.css?v=<%=System.currentTimeMillis()%>"
<!-- Trending Articles--> id="theme-stylesheet">
<div class="maincolor"> <!-- Custom stylesheet - for your changes-->
<div class="articles card"> <link rel="stylesheet"
<div class="card-header d-flex align-items-center"> href="${ctxStatic}/newdermon/css/custom.css?v=<%=System.currentTimeMillis()%>">
<h2 class="h3">赛事详情样式</h2> <!-- Favicon-->
</div> <link rel="shortcut icon" href="https://img.geexek.com/files/home/favicon.ico">
<div class="card-body" <script type="text/javascript" charset="utf-8"
style="display: flex;flex-display:row;align-items: center" id="style-select"> src="${ctxStatic}/layer/layer.js"></script>
<img data-style="1" class="${(cmpt.detailStyle==1||cmpt.detailStyle==null)?'active-style':''}" style="width: 120px;height:200px;box-sizing: border-box;" <link rel="stylesheet" href="${ctxStatic}/layer/skin/layer.css">
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-1.png"/> <link rel="stylesheet"
<img data-style="2" class="${cmpt.detailStyle==2?'active-style':''}" style="width: 120px;height:200px;margin-left:20px;box-sizing: border-box;" href="${ctxStatic}/cmpt/index.css?v=<%=System.currentTimeMillis()%>">
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-2.png"/> <link rel="stylesheet"
<input type="hidden" name="detailStyle" id="detailStyle" href="${ctxStatic}/cmpt/setting.css?v=<%=System.currentTimeMillis()%>">
value="${cmpt.detailStyle}"/> <title>视觉管理</title>
</div> <style>
</div> .input_cxcolor {
</div> width: 100px;
<!-- Check List --> height: 100px;
<div class="cmptLogo"> margin-left: auto;
<div class="checklist card"> margin-right: auto;
<div class="card-header d-flex align-items-center"> box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.17);
<h2 class="h3">赛事详情tab是否开启</h2> border-radius: 3px;
<div style="margin-left: 20px;"> background: #000;
<!-- 模拟 switch 开关 --> }
<label class="switch">
<input type="checkbox" id="isShowTabSwitch" ${cmpt.isShowTab==1 ? 'checked' : ''}> .title-sec {
<span class="slider round"></span> background: white;
</label> height: 40px;
<input type="hidden" id="isShowInput" value="${cmpt.isShowTab ? 1 : 0}" /> width: 100%;
</div> display: flex;
</div> justify-content: center;
</div> align-items: center;
</div> margin: 10px 0px 0px;
</div> padding: 20px 0 0 35px;
<div class="row line-first"> }
<div class="title-sec">
<h2 class="h3 title">赛事小程序码</h2> .title {
</div> margin: 0px;
<c:if test="${cmpt.auditStatus == 1}"> width: 100%;
<div class="flex flex-row"> font-size: 21px;
<div style="position: relative" id="wx-logo"> color: rgba(51, 51, 51, 1);
<img class="qr-img" src="/img/${cmpt.cmptId}" alt=""> }
<%-- <img src="${cmpt.logo}" class="wx-logo"
onerror="this.src='${ctxStatic}/managerPagePhoto/insertManual.png'">--%> .qr-img {
</div> width: 330px;
<div class="flex flex-column download-sec"> height: 330px;
<span class="download-qr" id="download">下载小程序码</span> padding: 35px;
<div class="flex flex-row"> background: white;
<span class="warning">注</span> }
<span class="tip-txt">上传赛事logo后,将替换小程序码中的赛客LOGO</span>
</div> .download-qr {
<div><span class="tip-txt" width: 204px;
style="padding-left: 10px">微信扫描小程序码直接进入小程序中赛事首页</span> height: 48px;
background: rgba(206, 57, 57, 1);
border-radius: 4px;
font-size: 20px;
color: white;
line-height: 48px;
text-align: center;
margin: 0px 0px 20px 0px;
cursor: pointer;
}
.download-sec {
width: 618px;
background: white;
justify-content: center;
align-items: center;
}
.cmpt-status-div {
width: 100%;
height: 380px;
background: white;
justify-content: center;
align-items: center;
}
.warning {
display: inline-block;
width: 18px;
height: 18px;
background: rgba(206, 57, 57, 1);
;
border-radius: 50%;
color: white;
text-align: center;
margin: 3px 10px;
}
.tip-txt {
height: 24px;
font-size: 16px;
color: rgba(206, 57, 57, 1);
;
}
.wx-logo {
position: absolute;
left: 105px;
width: 120px;
height: 120px;
top: 105px;
border-radius: 50%;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999;
font-size: 14px;
}
.active-style {
border: solid 3px #e31515;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999;
font-size: 14px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999;
font-size: 14px;
}
.jscolor {
background-color: rgba(250, 250, 250, 1) !important;
color: #333 !important;
}
/* 开关样式 */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #2196F3;
}
input:focus+.slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
</head>
<body>
<style type="text/css">
</style>
<div class="page">
<jsp:include page="../common/header.jsp"></jsp:include>
<div class="page-content d-flex align-items-stretch main-body">
<!-- Side Navbar -->
<jsp:include page="../common/menu.jsp"></jsp:include>
<div class="content-inner rght">
<!-- Page Header-->
<form id="inputform" action="cmptSave?information=${information}">
<!-- Feeds Section-->
<section class="feeds no-padding-top">
<div class="container-fluid" style="padding-left: 15px">
<div class="row line-first">
<!-- Trending Articles-->
<div class="maincolor">
<div class="articles card">
<div class="card-header d-flex align-items-center">
<h2 class="h3">主色</h2>
</div>
<input id="color_c" type="text"
class="input_cxcolor" readonly
style="background: ${cmpt.cmptbgColor == null ? "
#49b4b7":cmpt.cmptbgColor}">
<input class="maincolorcode jscolor"
id="cmptBgColorInput"
placeholder="请输入主题颜色,例:#000000"
onchange="cmptBgColorChange()"
value='${cmpt.cmptbgColor == null ? "#49b4b7":cmpt.cmptbgColor}'
style="">
</div>
<input type="hidden" name="hdcmptBgColorInput"
id="hdcmptBgColorInput"
value="${cmpt.cmptbgColor}" />
</div>
<!-- Check List -->
<div class="cmptLogo">
<div class="checklist card">
<div class="card-header d-flex align-items-center">
<h2 class="h3">赛事LOGO </h2>
</div>
<div class="card-body no-padding">
<div class="logo-div">
<img src="${cmpt.logo}"
class="logo ${cmpt.logo != null ? 'cmpt-logo':''}"
alt="${ctxStatic}/managerPagePhoto/file.png"
id="cmptLogo"
onerror="this.src='${ctxStatic}/managerPagePhoto/insertManual.png'">
<input type="hidden" name="hdcmptLogo"
id="hdcmptLogo" value="${cmpt.logo}" />
<input id="upload" type="file"
onchange="changeLogoImg('cmptLogo', 'upload','0','0','100%','100%')" />
</div>
<img src="${ctxStatic}/managerPagePhoto/zhu.png"
style="width: 20px;margin: 0 5px 3px 25px;" />
<span
class="PagePhotoDange">建议LOGO分辨率800*800px</span>
</div>
</div>
</div>
</div>
<div class="row line-first" style="margin-top: 10px;">
<!-- Trending Articles-->
<div class="maincolor">
<div class="articles card">
<div class="card-header d-flex align-items-center">
<h2 class="h3">赛事详情样式</h2>
</div>
<div class="card-body"
style="display: flex;flex-display:row;align-items: center"
id="style-select">
<img data-style="1"
class="${(cmpt.detailStyle==1||cmpt.detailStyle==null)?'active-style':''}"
style="width: 120px;height:200px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-1.png" />
<img data-style="2"
class="${cmpt.detailStyle==2?'active-style':''}"
style="width: 120px;height:200px;margin-left:20px;box-sizing: border-box;"
src="https://geexekimgoss-sxk.oss-cn-hangzhou.aliyuncs.com/gk/common/detail-style/style-2.png" />
<input type="hidden" name="detailStyle"
id="detailStyle"
value="${cmpt.detailStyle}" />
</div>
</div>
</div>
<!-- Check List -->
<div class="cmptLogo">
<div class="checklist card">
<div class="card-header d-flex align-items-center">
<h2 class="h3">赛事详情tab是否开启</h2>
<div style="margin-left: 20px;">
<!-- 模拟 switch 开关 -->
<label class="switch">
<input type="checkbox"
id="isShowTabSwitch"
${cmpt.isShowTab==1 ? 'checked' : ''
}>
<span class="slider round"></span>
</label>
<input type="hidden" id="isShowInput"
value="${cmpt.isShowTab ? 1 : 0}" />
</div>
</div>
</div>
</div>
</div>
<div class="row line-first">
<div class="title-sec">
<h2 class="h3 title">赛事小程序码</h2>
</div>
<c:if test="${cmpt.auditStatus == 1}">
<div class="flex flex-row">
<div style="position: relative" id="wx-logo">
<img class="qr-img" src="/img/${cmpt.cmptId}"
alt="">
<%-- <img src="${cmpt.logo}" class="wx-logo"
onerror="this.src='${ctxStatic}/managerPagePhoto/insertManual.png'">--%>
</div>
<div class="flex flex-column download-sec">
<span class="download-qr"
id="download">下载小程序码</span>
<div class="flex flex-row">
<span class="warning">注</span>
<span
class="tip-txt">上传赛事logo后,将替换小程序码中的赛客LOGO</span>
</div>
<div><span class="tip-txt"
style="padding-left: 10px">微信扫描小程序码直接进入小程序中赛事首页</span>
</div>
</div>
</div>
</c:if>
<c:if test="${cmpt.auditStatus == 0}">
<div class="flex flex-row cmpt-status-div">
<span class="tip-txt">请联系管理员,赛事审核通过后下载小程序码</span>
</div>
</c:if>
</div>
</div>
</section>
<!-- Updates Section -->
<input type="hidden" name="cmptId" id="cmptId" value="${cmptId}" />
<div class="savebtn">保存</div>
</form>
</div> </div>
</div> </div>
</div> </div>
</c:if>
<c:if test="${cmpt.auditStatus == 0}"> <script src="${ctxStatic}/newdermon/vendor/popper.js/umd/popper.min.js"></script>
<div class="flex flex-row cmpt-status-div"> <script src="${ctxStatic}/newdermon/vendor/bootstrap/js/bootstrap.min.js"></script>
<span class="tip-txt">请联系管理员,赛事审核通过后下载小程序码</span> <script src="${ctxStatic}/newdermon/vendor/jquery.cookie/jquery.cookie.js"></script>
</div> <script
</c:if> src="${ctxStatic}/newdermon/vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="${ctxStatic}/jscolor/jscolor.js"></script>
</div> <!-- Main File-->
</div> <script src="${ctxStatic}/newdermon/js/front.js"></script>
</section> <script src="${ctxStatic}/js/index.js?v=<%=System.currentTimeMillis()%>"></script>
<!-- Updates Section --> <script type="text/javascript">var ctx = '${ctx}', ctxStatic = '${ctxStatic}';</script>
<input type="hidden" name="cmptId" id="cmptId" value="${cmptId}"/> </body>
<div class="savebtn">保存</div>
</form> </html>
</div> \ No newline at end of file
</div>
</div>
<script src="${ctxStatic}/newdermon/vendor/popper.js/umd/popper.min.js"></script>
<script src="${ctxStatic}/newdermon/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="${ctxStatic}/newdermon/vendor/jquery.cookie/jquery.cookie.js"></script>
<script src="${ctxStatic}/newdermon/vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="${ctxStatic}/jscolor/jscolor.js"></script>
<!-- Main File-->
<script src="${ctxStatic}/newdermon/js/front.js"></script>
<script src="${ctxStatic}/js/index.js?v=<%=System.currentTimeMillis()%>"></script>
<script type="text/javascript">var ctx = '${ctx}', ctxStatic = '${ctxStatic}';</script>
</body>
</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