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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
| <template>
| <div>
| <van-button
| v-show="disabled"
| class="w-full text-white"
| :color="color"
| type="info"
| @click="btnClick"
| >{{ $t(text) }}
| </van-button>
| <van-button
| v-show="!disabled"
| disabled
| :color="disableColor"
| class="w-full"
| style="color: #C0C4CC"
| >{{ $t(text) }}
| </van-button>
| </div>
| </template>
|
| <script>
| import {
| Button
| } from "vant";
|
| export default {
| name: "OtcButton",
| props: {
| disabled: {
| require: true,
| },
| text: {
|
| },
| color: {
| default: '#1D91FF'
| },
| disableColor: {
| default: '#EAEBEE'
| }
| },
| methods: {
| btnClick() {
| this.$emit('btnClick');
| }
| },
| components: {
| [Button.name]:Button,
| }
| }
| </script>
|
| <style scoped>
|
| </style>
|
|
