Blame view

src/components/system/divider.vue 501 Bytes
b25b036d   wuxw   v1.9 优化日期
1
  <template>
a42b3256   wuxw   HC小区管理系统前段vue版正在开发中
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
         <div class="gradient-line-container">
      <div class="gradient-line"></div>
    </div>
  </template>
  <style lang="scss" scoped>  
  .gradient-line-container {
    margin: 20px 0;
    display: flex;
    justify-content: center;
  }
  
  .gradient-line {
    height: 2px;
    width: 100%;
    background: linear-gradient(
      90deg,
      rgba(64, 158, 255, 0) 0%,
      rgba(64, 158, 255, 0.3) 20%,
      rgba(64, 158, 255, 1) 50%,
      rgba(64, 158, 255, 0.3) 80%,
      rgba(64, 158, 255, 0) 100%
    );
  }
  </style>