优化物料显示的流程
parent
e38bdf2fc7
commit
48f1ba93f9
|
@ -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){
|
||||||
|
|
|
@ -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>");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue