Skip to content

Z
zh-baseversion-project
Commit 41094c1a authored by 纪泽龙's avatar 纪泽龙
Browse files
Options

更改管道展示样式

parent 4880be16
Hide whitespace changes
Inline Side-by-side
Showing with 65 additions and 43 deletions
zh-baseversion-web/public/index.html
View file @ 41094c1a
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<meta charset="utf-8"> <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta charset="utf-8">
<meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="renderer" content="webkit">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- <title><%= webpackConfig.name %></title> --> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>...</title> <!-- <title><%= webpackConfig.name %></title> -->
<!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]--> <title>...</title>
<script> <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
window._AMapSecurityConfig = { <script>
securityJsCode:'d4bb6c4d7a074701457bc9721eb7754a', window._AMapSecurityConfig = {
} securityJsCode: 'd4bb6c4d7a074701457bc9721eb7754a',
</script> }
<!-- <script src="https://webapi.amap.com/maps?v=2.0&key=72306333e96c7806b856a9bc69afc402&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MouseTool,AMap.ControlBar,AMap.CircleEditor,AMap.PolyEditor"></script> --> document.title = window.localStorage.getItem('title')
<script src="https://webapi.amap.com/maps?v=2.0&key=49fcb156d466062435d7d33437099582&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MouseTool,AMap.ControlBar,AMap.CircleEditor,AMap.PolyEditor"></script>
<script src="https://webapi.amap.com/loca?v=2.0.0&key=49fcb156d466062435d7d33437099582"></script> </script>
<script src="h5player/h5player.min.js"></script> <!-- <script src="https://webapi.amap.com/maps?v=2.0&key=72306333e96c7806b856a9bc69afc402&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MouseTool,AMap.ControlBar,AMap.CircleEditor,AMap.PolyEditor"></script> -->
<style> <script
src="https://webapi.amap.com/maps?v=2.0&key=49fcb156d466062435d7d33437099582&plugin=Map3D,AMap.DistrictSearch,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MouseTool,AMap.ControlBar,AMap.CircleEditor,AMap.PolyEditor"></script>
<script src="https://webapi.amap.com/loca?v=2.0.0&key=49fcb156d466062435d7d33437099582"></script>
<script src="h5player/h5player.min.js"></script>
<style>
html, html,
body, body,
#app { #app {
...@@ -26,6 +30,7 @@ ...@@ -26,6 +30,7 @@
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
.chromeframe { .chromeframe {
margin: 0.2em 0; margin: 0.2em 0;
background: #ccc; background: #ccc;
...@@ -102,6 +107,7 @@ ...@@ -102,6 +107,7 @@
-ms-transform: rotate(0deg); -ms-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
-webkit-transform: rotate(360deg); -webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg); -ms-transform: rotate(360deg);
...@@ -115,6 +121,7 @@ ...@@ -115,6 +121,7 @@
-ms-transform: rotate(0deg); -ms-transform: rotate(0deg);
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
-webkit-transform: rotate(360deg); -webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg); -ms-transform: rotate(360deg);
...@@ -204,15 +211,17 @@ ...@@ -204,15 +211,17 @@
opacity: 0.5; opacity: 0.5;
} }
</style> </style>
</head> </head>
<body>
<div id="app"> <body>
<div id="loader-wrapper"> <div id="app">
<div id="loader"></div> <div id="loader-wrapper">
<div class="loader-section section-left"></div> <div id="loader"></div>
<div class="loader-section section-right"></div> <div class="loader-section section-left"></div>
<div class="load_title">正在加载系统资源，请耐心等待</div> <div class="loader-section section-right"></div>
</div> <div class="load_title">正在加载系统资源，请耐心等待</div>
</div> </div>
</body> </div>
</html> </body>
</html>
\ No newline at end of file
zh-baseversion-web/src/components/bigWindow/PipeColor.vue
View file @ 41094c1a
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2022-01-26 10:52:10 * @Date: 2022-01-26 10:52:10
* @LastEditTime: 2024-08-01 10:20:35 * @LastEditTime: 2024-08-02 16:23:49
* @LastEditors: 纪泽龙 jizelong@qq.com * @LastEditors: 纪泽龙 jizelong@qq.com
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: /test/hello-world/src/components/PipeColor.vue * @FilePath: /test/hello-world/src/components/PipeColor.vue
...@@ -9,8 +9,8 @@ ...@@ -9,8 +9,8 @@
<template> <template>
<div> <div>
<div v-if="b" class="pipePressure"> <div v-if="b" class="pipePressure">
<div class="dx" :class="{ active: active }" @click.stop="showAnimate"> <div class="dx" >
管道动效 <el-checkbox @change="showAnimate" v-model="show">流动方向</el-checkbox>
</div> </div>
<div class=""> <div class="">
<div class="hasColorBox" :style="{ color: pipeColor[`1`] }"> <div class="hasColorBox" :style="{ color: pipeColor[`1`] }">
...@@ -58,13 +58,14 @@ export default { ...@@ -58,13 +58,14 @@ export default {
return { return {
pipeColor, pipeColor,
mapStyle: true, mapStyle: true,
active: true, show: true,
}; };
}, },
methods: { methods: {
showAnimate() { showAnimate(e) {
this.active = !this.active; console.log(e)
this.$emit("showAnimate", this.active); // this.show = e;
this.$emit("showAnimate", e);
}, },
// 更改卫星图 // 更改卫星图
mapChange(num) { mapChange(num) {
...@@ -78,6 +79,18 @@ export default { ...@@ -78,6 +79,18 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss">
.pipePressure {
.el-checkbox__label {
color: #1890ff;
}
.el-checkbox__inner{
border-color:#1890ff;
background: rgba(24, 144, 255,0.2);
}
}
</style>
<style lang="scss" scoped> <style lang="scss" scoped>
.pipePressure { .pipePressure {
...@@ -100,18 +113,17 @@ export default { ...@@ -100,18 +113,17 @@ export default {
height: 32px; height: 32px;
top: -27px; top: -27px;
left: -4px; left: -4px;
// margin-bottom:10px;
color: #fff; color: #fff;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
/* background: linear-gradient(86deg, #112238 0%, #086187 62%, #112238 100%);
box-shadow: inset 0px 1px 2px 1px #125c9b; */
font-size: 14px; font-size: 14px;
padding: 0px 10px; padding: 0px 10px;
cursor: pointer; cursor: pointer;
background: rgba(31, 106, 215, 0.32); // background: rgba(31, 106, 215, 0.32);
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #2d64b4; // border: 1px solid #2d64b4;
border-radius: 2px; border-radius: 2px;
&:hover { &:hover {
// opacity: 0.7; // opacity: 0.7;
......
zh-baseversion-web/src/views/login.vue
View file @ 41094c1a
...@@ -132,6 +132,7 @@ export default { ...@@ -132,6 +132,7 @@ export default {
this.loginForm.uuid = res.uuid; this.loginForm.uuid = res.uuid;
this.cityName = res.cityName; this.cityName = res.cityName;
document.title = this.cityName; document.title = this.cityName;
window.localStorage.setItem('title',this.cityName)
}); });
......
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