@mixd-id/web-scaffold 0.1.230406209 → 0.1.230406211
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/package.json +1 -1
- package/src/components/Carousel.vue +2 -29
package/package.json
CHANGED
|
@@ -51,11 +51,6 @@ export default{
|
|
|
51
51
|
default: false
|
|
52
52
|
},
|
|
53
53
|
|
|
54
|
-
gap: {
|
|
55
|
-
type: Array,
|
|
56
|
-
default: [ '0' ]
|
|
57
|
-
},
|
|
58
|
-
|
|
59
54
|
ratio: Array,
|
|
60
55
|
|
|
61
56
|
autoPlay: [ Number, String ],
|
|
@@ -84,15 +79,6 @@ export default{
|
|
|
84
79
|
]
|
|
85
80
|
.filter(_ => _)
|
|
86
81
|
.join(' ')
|
|
87
|
-
},
|
|
88
|
-
|
|
89
|
-
gaps(){
|
|
90
|
-
if(!this.gap) return []
|
|
91
|
-
|
|
92
|
-
return [
|
|
93
|
-
this.gap[0] ? this.gap[0] : '',
|
|
94
|
-
this.gap[1] ? this.gap[1] : (this.gap[0] ? this.gap[0] : '')
|
|
95
|
-
]
|
|
96
82
|
}
|
|
97
83
|
|
|
98
84
|
},
|
|
@@ -144,20 +130,11 @@ export default{
|
|
|
144
130
|
|
|
145
131
|
const index = this.index
|
|
146
132
|
let left = 0
|
|
133
|
+
const gapPx = parseInt(window.getComputedStyle(this.$refs.inner).getPropertyValue('column-gap'))
|
|
147
134
|
for(let curIndex = 0 ; curIndex < this.items.length ; curIndex++){
|
|
148
135
|
const item = this.$refs.inner.children[curIndex]
|
|
149
136
|
if(curIndex < index)
|
|
150
|
-
left += item.clientWidth
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
const paddingRight = parseInt(window.getComputedStyle(this.$refs.inner)['padding-right'])
|
|
154
|
-
if(index === this.$refs.inner.children.length - 1){
|
|
155
|
-
left -= paddingRight
|
|
156
|
-
}
|
|
157
|
-
else if(index === 0){
|
|
158
|
-
}
|
|
159
|
-
else{
|
|
160
|
-
left -= Math.round(paddingRight / 2)
|
|
137
|
+
left += (item.clientWidth + gapPx)
|
|
161
138
|
}
|
|
162
139
|
|
|
163
140
|
left *= -1
|
|
@@ -352,10 +329,6 @@ export default{
|
|
|
352
329
|
vertical-align: top;
|
|
353
330
|
}
|
|
354
331
|
|
|
355
|
-
.item{
|
|
356
|
-
padding-right: v-bind(gaps[0])
|
|
357
|
-
}
|
|
358
|
-
|
|
359
332
|
.legend{
|
|
360
333
|
@apply flex justify-center gap-2 py-1;
|
|
361
334
|
}
|