|
<template>
|
|
<div style="padding:5px;height:100%;width:100%">
|
<dv-border-box-10 :color="['#cccccb', '#ccccce']" backgroundColor="#ffffff">
|
|
<!-- <el-main class="milky" style="font-size:45px;text-align:center;margin-bottom:10px;padding-top:20px">华润九新制药WCS调度系统监控页面</el-main> -->
|
|
<div style="display:flex;width:100%;height:100px;align-items:flex-end;">
|
<span class="milky" style="font-size:45px;text-align:center;margin-bottom:10px;padding-top:20px;margin-left:500px">
|
华润九新制药WCS调度系统监控页面
|
</span>
|
<span ref="dateBtn" style="font-size:20px;text-align:center;margin-bottom:10px;margin-left:280px;color:#555555">
|
{{currentDate}}
|
</span>
|
</div>
|
|
|
<el-main >
|
<el-row :gutter="30" style="display:flex;justify-content:center;margin-top:-20px">
|
<el-col :span="5">
|
<!-- <div style="height:250px;background: #99a9bf;"> -->
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:250px;padding-left:0px">
|
<div style="text-align:center;font-size:20px;padding-top:10px">
|
一楼
|
</div>
|
<div style="margin-left:35px;margin-top:20px">
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="11001Btn" class="btnStyle" icon="el-rover-icon-1">11001</el-button>
|
<el-button ref="12003Btn" class="btnStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12001Btn" class="btnStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton" style="margin-top:15px">
|
<el-button ref="11004Btn" class="btnStyle" icon="el-rover-icon-1">11004</el-button>
|
<el-button ref="11003Btn" class="btnStyle" icon="el-rover-icon-1">11003</el-button>
|
<el-button ref="11001Btn" class="btnStyle" icon="el-rover-icon-1">11001</el-button>
|
</el-button-group>
|
</div>
|
|
<!-- </div> -->
|
</dv-border-box-10>
|
</el-col>
|
|
<el-col :span="5">
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:250px;padding-left:0px">
|
<!-- <div style="height:250px;background: #99a9bf;"> -->
|
<div style="text-align:center;font-size:20px;padding-top:10px">
|
二楼
|
</div>
|
<div style="margin-left:35px;margin-top:20px">
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="Btn22001" class="btnStyle" icon="el-rover-icon-1">22001</el-button>
|
<el-button ref="21003Btn" class="btnStyle" icon="el-rover-icon-1">21003</el-button>
|
<el-button ref="12001Btn" class="btnStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton" style="margin-top:15px">
|
<el-button ref="11004Btn" class="btnStyle" icon="el-rover-icon-1">11004</el-button>
|
<el-button ref="11003Btn" class="btnStyle" icon="el-rover-icon-1">11003</el-button>
|
<el-button ref="11001Btn" class="btnStyle" icon="el-rover-icon-1">11001</el-button>
|
</el-button-group>
|
</div>
|
</dv-border-box-10>
|
<!-- </div> -->
|
</el-col>
|
|
<el-col :span="9">
|
<!-- <div style="height:250px;background: #99a9bf;"> -->
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:250px;padding-left:0px">
|
<div style="text-align:center;font-size:20px;padding-top:10px">
|
三楼
|
</div>
|
|
<div style="margin-left:50px;margin-top:20px">
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="Btn32003" class="btnStyle" icon="el-rover-icon-1">32003</el-button>
|
<el-button ref="Btn32006" class="btnStyle" icon="el-rover-icon-1">32006</el-button>
|
<el-button ref="Btn32009" class="btnStyle" icon="el-rover-icon-1">32009</el-button>
|
<el-button ref="12004Btn" class="btnStyle" icon="el-rover-icon-3">12003</el-button>
|
<el-button ref="12003Btn" class="btnStyle" icon="el-rover-icon-1">12002</el-button>
|
<el-button ref="12001Btn" class="btnStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton" style="margin-top:15px">
|
<el-button ref="11004Btn" class="btnSimpleStyle" style="margin-left:88px" icon="el-rover-icon-2">11004</el-button>
|
<el-button ref="11004Btn" class="btnSimpleStyle" style="margin-left:179px" icon="el-rover-icon-2">32001</el-button>
|
<el-button ref="11005Btn" class="btnSimpleStyle" style="margin-left:0px" icon="el-rover-icon-2">32002</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12004Btn" class="btnStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnStyle" icon="el-rover-icon-1">12005</el-button>
|
</el-button-group>
|
</div>
|
|
<!-- </div> -->
|
</dv-border-box-10>
|
</el-col>
|
|
<el-col :span="5">
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:250px;padding-left:0px">
|
<!-- <div style="height:250px;background: #99a9bf;"> -->
|
<div style="text-align:center;font-size:20px;padding-top:10px">
|
四楼
|
</div>
|
<div style="margin-left:50px;margin-top:20px">
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnStyle" style="margin-left:72px" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12001Btn" class="btnStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton" style="margin-top:15px">
|
<el-button ref="11003Btn" class="btnStyle" style="margin-left:72px" icon="el-rover-icon-1">11003</el-button>
|
<el-button ref="11001Btn" class="btnStyle" icon="el-rover-icon-1">11001</el-button>
|
</el-button-group>
|
</div>
|
<!-- </div> -->
|
</dv-border-box-10>
|
</el-col>
|
</el-row>
|
</el-main>
|
|
|
<el-main >
|
<el-row :gutter="10" style="display:flex;justify-content:center;margin-top:-10px">
|
<el-col :span="8">
|
<!-- <div style="height:300px;background: #99a9bf;padding-left:15px"> -->
|
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:320px;padding-left:0px">
|
|
<div style="text-align:center;font-size:20px;padding-top:5px">
|
五楼
|
</div>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12005</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-3">12004</el-button>
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-3">12002</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12005</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12004</el-button>
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12002</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<!-- </div> -->
|
</dv-border-box-10>
|
</el-col>
|
|
<el-col :span="8">
|
<!-- <div style="height:300px;background: #99a9bf;padding-left:15px"> -->
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:320px;padding-left:0px">
|
|
<div style="text-align:center;font-size:20px;padding-top:5px">
|
六楼
|
</div>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12005</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-3">12004</el-button>
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-3">12002</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12006" class="btnSimpleStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12005</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12004</el-button>
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12002</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<!-- </div> -->
|
</dv-border-box-10>
|
</el-col>
|
|
<el-col :span="8">
|
<dv-border-box-10 :color="['#eeeeee', '#e5e5e5']" backgroundColor="#f8f8f8" style="height:320px;padding-left:0px">
|
<!-- <div style="height:300px;background: #99a9bf;padding-left:15px"> -->
|
|
<div style="text-align:center;font-size:20px;padding-top:5px">
|
七楼
|
</div>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:90px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12005</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12004</el-button>
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12002</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:0px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" style="margin-left:178px" icon="el-rover-icon-2">12003</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" style="margin-left:89px" icon="el-rover-icon-2">12001</el-button>
|
</el-button-group>
|
|
<el-button-group class="ml-4 volbutton">
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12006</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12005</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12004</el-button>
|
<el-button ref="12004Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12003</el-button>
|
<el-button ref="12003Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12002</el-button>
|
<el-button ref="12001Btn" class="btnSimpleStyle" icon="el-rover-icon-1">12001</el-button>
|
</el-button-group>
|
|
<!-- </div> -->
|
</dv-border-box-10>
|
</el-col>
|
</el-row>
|
</el-main>
|
|
<el-main>
|
<el-row type="flex" justify="center" align="middle" :gutter="20" style="margin-top:-5px">
|
<el-col :span="3"><div style="background: #67c23a;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">入库</div></el-col>
|
<el-col :span="3"><div style="background: #00bcd4;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">出库</div></el-col>
|
<el-col :span="3"><div style="background: #cb31e5;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">有托</div></el-col>
|
<el-col :span="3"><div style="background: #f03224;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">故障</div></el-col>
|
<el-col :span="3"><div style="background: #d3d3d3;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">离线</div></el-col>
|
<el-col :span="3"><div style="background: #f89800;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">等待</div></el-col>
|
<el-col :span="3"><div style="background: #73e78f;height:40px;text-align:center;padding-top:8px;color:#ffffff;font-size:18px">空闲</div></el-col>
|
</el-row>
|
</el-main>
|
|
</dv-border-box-10>
|
</div>
|
|
</template>
|
|
<script>
|
const signalR = require("@microsoft/signalr");
|
import { ElNotification } from 'element-plus'
|
export default {
|
data() {
|
return{
|
serviceState: true,
|
buttonText:"开启服务",
|
currentDate:'',
|
}
|
},
|
methods: {
|
//开启服务
|
OpenService() {
|
|
},
|
//关闭服务
|
closeService() {
|
|
},
|
|
//开启webscoket服务，接受站台消息
|
openWebSocket(){
|
|
const _this = this;
|
|
// this.$refs.Btnabc.$el.style = 'background:#ff0000';
|
//初始化websocket
|
const ws = new WebSocket("ws://127.0.0.1:9110/");
|
ws.onopen= function()
|
{
|
console.log("websocket开启成功");
|
|
};
|
//接受数据
|
ws.onmessage = function (evt)
|
{
|
var msgData = evt.data;
|
var jsonObj = JSON.parse(msgData);
|
|
var keys = Object.keys(jsonObj);
|
if(keys.includes('IpAddress'))
|
{
|
_this.currentDate = jsonObj.currentDate;
|
if(jsonObj.status == 'on'){
|
_this.$refs.dateBtn.style = 'font-size:20px;text-align:center;margin-bottom:10px;margin-left:280px;color:#11aa11';
|
}
|
else if(jsonObj.status == 'off'){
|
_this.$refs.dateBtn.style = 'font-size:20px;text-align:center;margin-bottom:10px;margin-left:280px;color:#909090';
|
}
|
}
|
else
|
{
|
for (let index = 0; index < keys.length; index++)
|
{
|
var _k = keys[index];
|
const val = jsonObj[_k];
|
console.log("color =" + val);
|
_this.$refs[_k].$el.style = 'background:'+val;
|
}
|
}
|
|
|
}
|
//关闭链接
|
ws.onclose = function(){
|
|
}
|
},
|
|
|
},
|
created() {
|
//this.signalR();
|
|
|
},
|
beforeRouteEnter(to, form, next) {
|
next(vm => {
|
//vm.getEquipmentStatus();
|
//vm.statusTimer = setInterval(vm.getEquipmentStatus, 8000);
|
});
|
},
|
beforeRouteLeave(to, form, next) {
|
clearInterval(this.statusTimer);
|
next();
|
},
|
|
mounted() {
|
setTimeout(() => {
|
// this.$refs.box.initWH();
|
|
this.openWebSocket();
|
|
|
}, 1000)
|
}
|
};
|
</script>
|
|
<style>
|
.buttongroup {
|
display: block;
|
}
|
.volbutton {
|
display: block;
|
}
|
.topLine {
|
margin-left: 156px;
|
}
|
.stack1{
|
width: 551px;
|
position: relative;
|
left: 525px;
|
top: -286px;
|
}
|
.stack1_rover{
|
width: 246px;
|
color:#ffffff;
|
background-color: #409eff;
|
}
|
.stack2{
|
width: 551px;
|
position: relative;
|
left: -37px;
|
top: -178px;
|
|
}
|
.stack3{
|
width: 551px;
|
position: relative;
|
left: 514px;
|
top: -102px;
|
}
|
|
.btnStyle{
|
width:90px;
|
margin-top:20px;
|
height:30px;
|
font-size:12pt;
|
color:#ffffff;
|
background-color:#409eff
|
}
|
|
.btnSimpleStyle{
|
width:90px;
|
margin-top:0px;
|
height:40px;
|
font-size:12pt;
|
color:#ffffff;
|
background-color:#409eff
|
}
|
|
.scrollbar-demo-item {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
height: 40px;
|
margin: 10px;
|
text-align: center;
|
border-radius: 4px;
|
background: var(--el-color-primary-light-9);
|
color: var(--el-color-primary);
|
}
|
|
.my_box{
|
/* background-color:#909090; */
|
/* border-radius:2px; */
|
/* margin-left: 5px;
|
margin-right: 5px; */
|
background: linear-gradient(
|
to top right,
|
rgba(0, 0, 0, 0) 0%,
|
rgba(0, 1, 0, 0) calc(50% - 1px),
|
rgba(0, 0, 0, 0.5) 50%,
|
rgba(0, 0, 1, 0) calc(50% + 1px),
|
rgba(0, 0, 0, 0) 100%
|
), linear-gradient(
|
to bottom right,
|
rgba(0, 0, 0, 0) 0%,
|
rgba(0, 0, 0, 0) calc(50% - 1px),
|
rgba(0, 0, 0, 0.5) 50%,
|
rgba(0, 0, 0, 0) calc(50% + 1px),
|
rgba(0, 0, 0, 0) 100%
|
);
|
border: 1px solid;
|
border-color: #909090;
|
width: 18px;
|
height: 18px;
|
}
|
|
.card{
|
overflow-y:auto; /* 开启滚动显示溢出内容 overflow-x: scroll; */
|
overflow-x: auto;
|
}
|
|
.el-card ::v-deep .el-card__header {
|
padding: 2px 10px;
|
background-color: palegoldenrod;
|
}
|
|
.card-header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.hangche {
|
/* background-image: linear-gradient(135deg, #95bdf4af 10%, #2f62fc); */
|
background-image:url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.mfcad.com%2Ftuzhi%2F2021%2F02%2F07%2F1612707837720.jpg%40%21water-w2020.jpg&refer=http%3A%2F%2Fimages.mfcad.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1664003264&t=2cf65de7918b4a3a786a08eb5cb29814');
|
background-size:100% 100%
|
}
|
|
.el-rover-icon-1 {
|
background: url('./bigdata/roverArrow_1.png') center center no-repeat;
|
background-size: 24px;
|
background-size: cover;
|
}
|
|
.el-rover-icon-1:before {
|
content: "11";
|
visibility: hidden;
|
}
|
|
.el-rover-icon-2 {
|
background: url('./bigdata/roverArrow_2.png') center center no-repeat;
|
background-size: 24px;
|
background-size: cover;
|
}
|
|
.el-rover-icon-2:before {
|
content: "11";
|
visibility: hidden;
|
}
|
|
.el-rover-icon-3 {
|
background: url('./bigdata/roverArrow_3.png') center center no-repeat;
|
background-size: 24px;
|
background-size: cover;
|
}
|
|
.el-rover-icon-3:before {
|
content: "11";
|
visibility: hidden;
|
}
|
|
|
.milky{
|
font-size: 80px; /*设置文字大小*/
|
color:#383838; /*设置文字颜色*/
|
text-shadow: 0 8px 10px #8c8c8c; /*设置文字阴影*/
|
font-weight: bolder; /*设置文字宽度*/
|
text-align: center; /*设置文字居中*/
|
|
}
|
|
|
</style>
|
