mali-applet-ui 0.2.34 → 0.2.36
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.
- package/components/ml-chunk-item/ml-chunk-item.vue +1 -1
- package/components/ml-col/ml-col.vue +3 -2
- package/components/ml-icon/ml-icon.vue +5 -1
- package/components/ml-row/ml-row.vue +3 -2
- package/components/ml-tabbar/ml-tabbar.vue +6 -2
- package/components/ml-text/ml-text.vue +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
class="ml-col"
|
|
4
4
|
:class="[className || '', span && !width ? `span-${span}` : '', wrap ? `normal-wrap` : '', align ? `align-${align}` : '', verticalAlign ? `vertical-${verticalAlign}` : '', {'is-light': light, 'is-flex': verticalAlign || flex, 'is-shrink': shrink, 'is-fixed': width || shrink, 'is-important': important, 'is-ellipsis': ellipsis}]"
|
|
5
5
|
:style="styles"
|
|
6
|
-
@
|
|
6
|
+
@tap="tapEvent">
|
|
7
7
|
<slot></slot>
|
|
8
8
|
</view>
|
|
9
9
|
</template>
|
|
@@ -33,7 +33,8 @@ export default {
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
methods: {
|
|
36
|
-
|
|
36
|
+
tapEvent (e) {
|
|
37
|
+
this.$emit('tap', { $event: e })
|
|
37
38
|
this.$emit('click', { $event: e })
|
|
38
39
|
}
|
|
39
40
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<text class="ml-icon" :class="[className || '', status ? `ss-${status}` : '', name ? `${prefix}${name}` : '', {'is-roll': roll}]" :style="styles" @click="clickEvent"></text>
|
|
2
|
+
<text class="ml-icon" :class="[className || '', status ? `ss-${status}` : '', name ? `${prefix}${name}` : '', {'is-roll': roll}]" :style="styles" @click="clickEvent" @tap="tapEvent"></text>
|
|
3
3
|
</template>
|
|
4
4
|
|
|
5
5
|
<script>
|
|
@@ -28,6 +28,10 @@ export default {
|
|
|
28
28
|
methods: {
|
|
29
29
|
clickEvent (e) {
|
|
30
30
|
this.$emit('click', { $event: e })
|
|
31
|
+
},
|
|
32
|
+
tapEvent () {
|
|
33
|
+
this.$emit('tap', { $event: e })
|
|
34
|
+
this.$emit('click', { $event: e })
|
|
31
35
|
}
|
|
32
36
|
}
|
|
33
37
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<view class="ml-row" :class="[className || '', status ? `ss-${status}` : '', {'is-vertical': vertical}]" @
|
|
2
|
+
<view class="ml-row" :class="[className || '', status ? `ss-${status}` : '', {'is-vertical': vertical}]" @tap="tapEvent">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</view>
|
|
5
5
|
</template>
|
|
@@ -16,7 +16,8 @@ export default {
|
|
|
16
16
|
className: String
|
|
17
17
|
},
|
|
18
18
|
methods: {
|
|
19
|
-
|
|
19
|
+
tapEvent (e) {
|
|
20
|
+
this.$emit('tap', { $event: e })
|
|
20
21
|
this.$emit('click', { $event: e })
|
|
21
22
|
}
|
|
22
23
|
}
|
|
@@ -64,7 +64,7 @@ export default {
|
|
|
64
64
|
.ml-tabbar {
|
|
65
65
|
display: flex;
|
|
66
66
|
flex-direction: row;
|
|
67
|
-
width:
|
|
67
|
+
width: 100%;
|
|
68
68
|
position: fixed;
|
|
69
69
|
left: 0;
|
|
70
70
|
bottom: 0;
|
|
@@ -74,6 +74,7 @@ export default {
|
|
|
74
74
|
background: #FFFFFF;
|
|
75
75
|
border-top: 1px solid #e5e5e5;
|
|
76
76
|
// #ifdef H5
|
|
77
|
+
max-width: $ml-page-full-width;
|
|
77
78
|
left: 50%;
|
|
78
79
|
transform: translateX(-50%);
|
|
79
80
|
// #endif
|
|
@@ -102,7 +103,7 @@ export default {
|
|
|
102
103
|
.ml-tabbar-dot {
|
|
103
104
|
position: absolute;
|
|
104
105
|
top: 0;
|
|
105
|
-
|
|
106
|
+
right: 0;
|
|
106
107
|
background-color: #f56c6c;
|
|
107
108
|
color: #fff;
|
|
108
109
|
border-radius: 16rpx;
|
|
@@ -114,6 +115,9 @@ export default {
|
|
|
114
115
|
display: block;
|
|
115
116
|
position: relative;
|
|
116
117
|
font-size: 40rpx;
|
|
118
|
+
width: 80rpx;
|
|
119
|
+
margin: 0 auto;
|
|
120
|
+
text-align: center;
|
|
117
121
|
}
|
|
118
122
|
.ml-tabbar-name {
|
|
119
123
|
display: block;
|