style:修改样式

ZhangXianQiang

2024-04-10 cc47aa597188a3d907b1ffd8bbd1f6a5cf2f5a5b

 src/views/screen/components/screen-wrapper/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="wrapper-container">
    <select-item></select-item>
    <div class="return-button">
      <el-button type="primary" @click="returnPath">管理系统</el-button>
    <div class="return-button" @click="returnPath">
      返回
    </div>
    <div class="wrapper-content">
      <div class="left-container wrapper">
@@ -25,8 +25,8 @@

<script>
import SelectItem from '../select-item/index';
import ScreenFace from '../screen-face/index';
import ScreenExamine from '../screen-examine/index';
import ScreenFace from '../screen-face/index';
import ScreenVideo from '../screen-video/index';
import ScreenCar from '../screen-car/index';
import ScreenMap from '../screen-map/index';
@@ -35,12 +35,12 @@
  name: 'ScreenWrapper',
  components: {
    SelectItem,
    ScreenFace,
    ScreenExamine,
    ScreenVideo,
    ScreenCar,
    ScreenMap,
    ScreenTable
    ScreenTable,
    ScreenFace,
    ScreenVideo,
    ScreenCar
  },
  methods: {
    returnPath() {
@@ -54,7 +54,13 @@
.return-button {
  position: absolute;
  right: 20px;
  top: 40px;
  top: 10px;
  border-radius: 4px;
  border: 1px solid #4481DD;
  background-color: rgba(67, 102, 155, 0.4);
  color: #4481DD;
  padding: 5px 20px;
  cursor: pointer;
}

.wrapper-container {
@@ -67,8 +73,8 @@

  .wrapper-content {
    width: 100%;
    height: calc(100% - 100px);
    margin-top: 100px;
    height: calc(100% - 60px);
    margin-top: 60px;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
@@ -79,7 +85,7 @@
}

.wrapper {
  width: 20%;
  width: 23%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 10px;
@@ -97,7 +103,7 @@
}

.center-wrapper {
  width: 60%;
  width: 54%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 10px;