Blame view

src/views/homePage/homePage.scss 1.83 KB
9b7e125f   monkeyhouyi   属地页面
1
2
3
4
5
6
7
8
9
  .HomePage {
    width: 100%;
    height: 100%;
    background-image: url("@/assets/images/bg.jpg"); /* 替换为你的图片路径 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-position: center; /* 背景图片居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
  }
  .content {
5a14192c   monkeyhouyi   1
10
      margin-top: 13px;
9b7e125f   monkeyhouyi   属地页面
11
12
13
14
15
16
17
18
19
      position: relative;
      .navs {
        position: absolute;
        left: 0;
        box-sizing: border-box;
        width: 122px;
        height: 80vh;
        background-color: rgba(228, 231, 237, 0.23);
        border-radius: 0px 10px 10px 0px;
0af91599   monkeyhouyi   弹框请求优化
20
21
        padding: 25px 0;
        text-align: center;
9b7e125f   monkeyhouyi   属地页面
22
        border-right: unset;
9b7e125f   monkeyhouyi   属地页面
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
      }
      .table-box {
        position: absolute;
        right: 122px;
        width: calc(100% - 122px - 122px - 26px - 26px);
        margin: 0 26px;
        .search {
          border-radius: 10px;
          background-color: rgba(244, 244, 245, 0.38);
          display: flex;
          flex-direction: row;
          align-items: center;
          padding: 12px;
          .ipt-box {
            display: flex;
            flex-direction: row;
            align-items: center;
            .el-input {
              width: 300px;
              :deep(.el-input__inner) {
                border-radius: 4px 0 0 4px;
              }
            }
            .el-button {
              height: 40px;
              background: rgb(164, 173, 179);
              color: #fff;
              border-radius: 0 4px 4px 0;
              margin-right: 10px;
              border: unset;
            }
          }
        }
        .info {
          margin-top: 14px;
          border-radius: 10px;
          height: calc(100vh - 195px);
        }
      }
      .news {
        position: absolute;
        right: 0;
        box-sizing: border-box;
        width: 122px;
ecc43230   monkeyhouyi   优化首页,应用管理
67
        height: 120px;
9b7e125f   monkeyhouyi   属地页面
68
69
        background-color: rgba(228, 231, 237, 0.23);
        border-radius: 10px 0px 0px 10px;
4f6550f1   monkeyhouyi   消息提醒弹框页面样式
70
        padding: 20px 0;
9b7e125f   monkeyhouyi   属地页面
71
72
      }
    }