优化物料显示的流程

pull/1/head
Administrator 2020-03-23 20:18:11 +08:00
parent e38bdf2fc7
commit 48f1ba93f9
2 changed files with 18 additions and 8 deletions

View File

@ -1,6 +1,6 @@
.paoma{background: #111111;} .paoma{background: #111111; }
.text-effect{ .text-effect{
color: #fff; color: #150aff;
font-family: 'Monoton', cursive; font-family: 'Monoton', cursive;
text-transform: uppercase; text-transform: uppercase;
display: block; display: block;
@ -24,7 +24,7 @@
0%{ opacity: 0.3; } 0%{ opacity: 0.3; }
100%{ 100%{
opacity:1; opacity:1;
text-shadow:0 0 6px DarkRed ,0 0 30px red,0 0 80px black; text-shadow:0 0 6px #ff1212,0 0 30px #020002,0 0 80px #ff06ed;
} }
} }
@media only screen and (max-width: 990px){ @media only screen and (max-width: 990px){

View File

@ -9,6 +9,17 @@
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<#include "${request.contextPath}/common/common.ftl"> <#include "${request.contextPath}/common/common.ftl">
<link href="${request.contextPath}/css/effect.css" rel="stylesheet" type="text/css"/> <link href="${request.contextPath}/css/effect.css" rel="stylesheet" type="text/css"/>
<style>
.flowProcss {
font-size: 27px;
margin-left: 310PX;
display: flex;
justify-content: flex-start;
flex-direction: row;
}
</style>
</head> </head>
<body> <body>
<div class="splayui-container"> <div class="splayui-container">
@ -74,15 +85,14 @@
class="layui-input" value="${result.size}"> class="layui-input" value="${result.size}">
</div> </div>
</div> </div>
<div class="layui-form-item" style="width: 1200px"> <div class="layui-form-item">
<label for="js-flowId" class="layui-form-label ">工艺流程 <label for="js-flowId" class="layui-form-label ">工艺流程
</label> </label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<select id="js-flowId" name="flowId" lay-filter="flow-filter"> <select id="js-flowId" name="flowId" lay-filter="flow-filter">
</select> </select>
</div> </div>
<div class=" text-effect " id="js-flowProcess" name="flowDesc" <div class=" text-effect flowProcss " id="js-flowProcess" name="flowDesc">
style="font-size:30px ;font-size: 30px;margin-left: 310PX;background: black;">
</div> </div>
</div> </div>
@ -187,9 +197,9 @@
$.each(procssArr, function (i, val) { $.each(procssArr, function (i, val) {
if (i == procssArr.length - 1) { if (i == procssArr.length - 1) {
$("#js-flowProcess").append("<span >" + val + "</span>"); $("#js-flowProcess").append("<span style='display: inline-flex;' >" + val + "</span>");
} else { } else {
$("#js-flowProcess").append("<span >" + val + '->' + "</span>"); $("#js-flowProcess").append("<span style='display: inline-flex;' >" + val + '->' + "</span>");
} }
}); });
} }