alsaze/paxton-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Wiki Activity

создаю телегу товаров
All checks were successful
Deploy / build (push) Successful in 49s
Details

Browse Source
This commit is contained in:
alsaze 2025-10-09 00:16:30 +03:00
parent 9d77c12b1d
commit 7a7dc0db00
2 changed files with 7 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/ProductDescription.vue
View File

@ -97,7 +97,6 @@ function addToCartBtn() {
.product-description {
width: 100%;
max-width: 335px;
padding: 30px 30px 0;
display: flex;
flex-direction: column;
@ -112,7 +111,7 @@ function addToCartBtn() {
}
@include mobile {
padding: 0 10px;
padding: 20px 30px;
}
&__sizes {

35
pages/product/[id].vue
View File

@ -30,6 +30,7 @@
v-if="isMobile"
v-model:open="open"
class="product__drawer"
fixed
:ui="{
content: 'fixed bg-default ring ring-default flex focus:outline-none overflow-hidden',
container: 'w-full flex flex-col gap-4 p-4 overflow-hidden',
@ -37,30 +38,9 @@
}"
>
<template #content>
<!-- <div ref="targetDrawer" class="flex flex-col gap-10" style="overflow-y: auto;"> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- <h1>BABAB</h1> -->
<!-- </div> -->
<ProductDescription ref="targetDrawer" style="overflow-y: auto;" />
<div ref="targetDrawer" style="overflow-y: auto;">
<ProductDescription />
</div>
</template>
</UDrawer>
@ -91,6 +71,7 @@ const { lengthY } = useSwipe(
{
passive: false,
onSwipeEnd(e: TouchEvent, direction: UseSwipeDirection) {
console.log('target.value', target.value)
if (lengthY.value > 50 && targetHeight.value && (Math.abs(lengthY.value) / targetHeight.value) >= 0.25) {
open.value = true
}
@ -103,11 +84,7 @@ const { lengthY: drawerLengthY } = useSwipe(
{
passive: false,
onSwipeEnd(e: TouchEvent, direction: UseSwipeDirection) {
console.log('drawerLengthY.value', drawerLengthY.value)
console.log('y', y.value)
console.log('targetDrawerHeight.value', targetDrawerHeight.value)
console.log('Math.abs(drawerLengthY.value)', Math.abs(drawerLengthY.value))
console.log('Math.abs(drawerLengthY.value) / targetDrawerHeight.value', Math.abs(drawerLengthY.value) / targetDrawerHeight.value)
console.log('targetDrawer.value', targetDrawer.value)
if (drawerLengthY.value < 0 && y.value === 0 && targetDrawerHeight.value && (Math.abs(drawerLengthY.value) / targetDrawerHeight.value) >= 0.2) {
open.value = false
}