|
|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
- <div class="analysis">
|
|
|
+ <div class="main">
|
|
|
<a-row>
|
|
|
<a-col :sm="24" :md="12" :xl="11">
|
|
|
- <div style="font-size: 20px;font-weight:bold;text-align:center;">{{ this.$route.params.title }}</div>
|
|
|
+ <div style="font-size: 20px;font-weight:bold;text-align:center;color: #4adefe">{{ this.$route.params.title }}</div>
|
|
|
<img src="@/assets/img/20211209164229.png" />
|
|
|
</a-col>
|
|
|
<a-col :sm="24" :md="12" :xl="6"><chart :id="23" title="皮带速度" unit="m/s" type="pidaisudu_after"/></a-col>
|
|
|
@@ -180,36 +180,27 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped>
|
|
|
-.extra-wrap {
|
|
|
- .extra-item {
|
|
|
- display: inline-block;
|
|
|
- margin-right: 24px;
|
|
|
-
|
|
|
- a:not(:first-child) {
|
|
|
- margin-left: 24px;
|
|
|
- }
|
|
|
- }
|
|
|
+<style scoped>
|
|
|
+.main {
|
|
|
+ width: 100%;
|
|
|
+ height: 850px;
|
|
|
+ position: relative;
|
|
|
+ /* display: flex; */
|
|
|
+ background-image: linear-gradient(
|
|
|
+ to right,
|
|
|
+ #06133c 0%,
|
|
|
+ #011669 5045 #06133c 100%
|
|
|
+ );
|
|
|
}
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 400px;
|
|
|
}
|
|
|
-@media screen and (max-width: 992px) {
|
|
|
- .extra-wrap .extra-item {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media screen and (max-width: 576px) {
|
|
|
- .extra-wrap {
|
|
|
- display: none;
|
|
|
- }
|
|
|
-}
|
|
|
|
|
|
.info {
|
|
|
float: left;
|
|
|
margin: 30px;
|
|
|
+ color: #4adefe;
|
|
|
}
|
|
|
|
|
|
.contour {
|
