样式开发

gjj

2025-02-21 efe41f68868a8926dfc1a6851a492805b56786db

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<template>
  <div class="warning-bg">
    <slot></slot>
  </div>
</template>
 
<script>
  export default {
    name: "Warning",
  };
</script>
 
<style>
  .warning-bg {
    @apply h-10;
    background: url("../assets/images/warning-bg.png") no-repeat left center / cover,
      linear-gradient(to right, hsla(0, 0%, 0%, 0.1), hsla(0, 0%, 0%, 0.3)) no-repeat left center / cover hsla(0, 0%, 0%, 0.6);
    height: 32px;
  }
</style>