|
@@ -13,7 +13,9 @@
|
|
|
</div>
|
|
|
<ul
|
|
|
v-if="route.query.idx !== '5'"
|
|
|
+ ref="drawUlEl"
|
|
|
class="common-draw-list"
|
|
|
+ @wheel="onDrawUlWheel"
|
|
|
>
|
|
|
<li
|
|
|
v-for="(drawName, idx) in drawList"
|
|
@@ -30,7 +32,9 @@
|
|
|
</ul>
|
|
|
<ul
|
|
|
v-if="route.query.idx !== '5'"
|
|
|
+ ref="groupUlEl"
|
|
|
class="group-list"
|
|
|
+ @wheel="onGroupUlWheel"
|
|
|
>
|
|
|
<li
|
|
|
v-for="(groupName, idx) in Object.keys(groupList)"
|
|
@@ -173,6 +177,16 @@ function onClickLike(e) {
|
|
|
utils.animateCSS(e.target, 'heartBeat')
|
|
|
}, 0)
|
|
|
}
|
|
|
+
|
|
|
+const drawUlEl = ref(null)
|
|
|
+function onDrawUlWheel(e) {
|
|
|
+ drawUlEl.value.scrollLeft -= e.wheelDelta
|
|
|
+}
|
|
|
+
|
|
|
+const groupUlEl = ref(null)
|
|
|
+function onGroupUlWheel(e) {
|
|
|
+ groupUlEl.value.scrollLeft -= e.wheelDelta
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style>
|