wl-design-mobile 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,53 +0,0 @@
1
- <template>
2
- <div>
3
- <LamboBigButton :disabled="false" :position="position" :text="text" :type="type" icon="arrow-down"
4
- @click="onClick"></LamboBigButton>
5
- <ul v-show="show">
6
- <LamboBigButton :disabled="false" :type="type" text="编辑" @click="onClick1"></LamboBigButton>
7
- <LamboBigButton :disabled="false" :type="type" text="删除" @click="onClick2"></LamboBigButton>
8
- </ul>
9
- </div>
10
- </template>
11
- <script>
12
-
13
- import LamboBigButton from "@/components/lambo/btn/lambo-big-button.vue";
14
-
15
- export default {
16
- name: 'LamboSmallButtonSelect',
17
- components: {LamboBigButton},
18
- props: {
19
- text: {
20
- type: String,
21
- default: '更多'
22
- },
23
- },
24
- data() {
25
- return {
26
- type: 'default',
27
- position: 'right',
28
- show: false,
29
- }
30
- },
31
- methods: {
32
- onClick() {
33
- this.show = !this.show;
34
- },
35
- onClick1() {
36
- console.log('path', 'onClick1')
37
- },
38
- onClick2() {
39
- console.log('path', 'onClick2')
40
- },
41
- },
42
- created() {
43
-
44
- },
45
- mounted() {
46
-
47
- }
48
- }
49
- </script>
50
- <style scoped>
51
- @import "../styles/index.less";
52
-
53
- </style>
@@ -1,123 +0,0 @@
1
- <template>
2
- <div class="btns">
3
- <ul class="small-button-ul">
4
- <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
- :type="type" class="small-button" size="small" @click="handleClick"> {{ text }}
6
- </van-button>
7
- </ul>
8
- </div>
9
- </template>
10
- <script>
11
-
12
- export default {
13
- name: 'LamboSmallButton',
14
- components: {},
15
- props: {
16
- /**
17
- * 填充类型按钮 plain传false type传primary
18
- * 线框类型按钮 plain传true type传info
19
- * 无框类型按钮 plain传false type传default
20
- */
21
- type: {
22
- type: String,
23
- default: 'primary'
24
- },
25
- plain: {
26
- type: Boolean,
27
- default: false
28
- },
29
- text: {
30
- type: String,
31
- default: '小号按钮'
32
- },
33
- position: {
34
- type: String,
35
- default: 'left'
36
- },
37
- disabled: {
38
- type: Boolean,
39
- default: false
40
- },
41
- icon: {
42
- type: String,
43
- default: null
44
- },
45
- loading: {
46
- type: Boolean,
47
- default: false
48
- }
49
- },
50
- data() {
51
- return {}
52
- },
53
- methods: {
54
- handleClick(event) {
55
- this.$emit('click', event);
56
- }
57
- },
58
- created() {
59
-
60
- },
61
- mounted() {
62
-
63
- }
64
- }
65
- </script>
66
- <style scoped>
67
- @import "../styles/index.less";
68
-
69
- .small-button {
70
- height: 27px;
71
- border-radius: 3px;
72
- }
73
-
74
- /*填充按钮primary类型按钮样式 */
75
- /deep/ .small-button-ul .van-button--primary {
76
- background: var(--scl-blue);
77
- border: 1px solid var(--scl-blue);
78
- }
79
-
80
- /*填充按钮primary类型不可用按钮样式 */
81
- /deep/ .small-button-ul .van-button--disabled {
82
- cursor: not-allowed;
83
- opacity: 1;
84
- background-color: var(--scl-gray-6);
85
- color: #000000;
86
- border: 0px solid var(--scl-gray-6);
87
- }
88
-
89
- /*按钮文字样式*/
90
- /deep/ .small-button-ul .van-button__text {
91
- font-size: 11px;
92
- padding: 10px 0px;
93
- font-family: 微软雅黑, serif Regular;
94
- }
95
-
96
- /*线框按钮按钮样式*/
97
- /deep/ .small-button-ul .van-button--plain.van-button--info {
98
- color: var(--scl-blue);
99
- border: 1px solid var(--scl-blue);
100
- }
101
-
102
- /*线框按钮不可用按钮样式*/
103
- /deep/ .small-button-ul .van-button--plain.van-button--info.van-button--disabled {
104
- color: #000000;
105
- border: 1px solid var(--scl-gray-6);
106
- background-color: #ffffff;
107
- }
108
-
109
- /*无框类型按钮样式 */
110
- /deep/ .small-button-ul .van-button--default {
111
- background: var(--scl-white-1);
112
- border: 1px solid var(--scl-white-1);
113
- color: var(--scl-blue);
114
- }
115
-
116
- /*无框按钮不可用按钮样式*/
117
- /deep/ .small-button-ul .van-button--default.van-button--disabled {
118
- color: #000000;
119
- border: 1px solid var(--scl-white-1);
120
- background-color: var(--scl-white-1);
121
- }
122
-
123
- </style>