1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| <template>
| <button :type="type" :class="mode">
| <slot></slot>
| </button>
| </template>
|
| <script>
| export default {
| props: ['type', 'mode'],
| };
| </script>
|
| <style scoped>
| button {
| padding: 0.75rem 1.5rem;
| font-family: inherit;
| background-color: #3a0061;
| border: 1px solid #3a0061;
| color: white;
| cursor: pointer;
| }
|
| button:hover,
| button:active {
| background-color: #270041;
| border-color: #270041;
| }
|
| .flat {
| background-color: transparent;
| color: #3a0061;
| border: none;
| }
|
| .flat:hover,
| .flat:active {
| background-color: #edd2ff;
| }
| </style>
|
|
