no message

cyl/master-0804
jscyl13849007907 4 months ago
parent 40391355b6
commit 9707084e4e

@ -32,14 +32,14 @@
.doc-left{ .doc-left{
width: 43px; width: 43px;
height: 2px; height: 2px;
border: 1px solid; border-top: 1px solid;
border-image: linear-gradient(270deg, rgba(255,255,255,0.20), #cccccc) 1 1; border-image: linear-gradient(270deg, rgba(255,255,255,0.20), #cccccc) 1 1;
transform: rotate(180deg); transform: rotate(180deg);
} }
.doc-right{ .doc-right{
width: 43px; width: 43px;
height: 2px; height: 2px;
border: 1px solid; border-top: 1px solid;
border-image: linear-gradient(270deg, rgba(255,255,255,0.20), #cccccc) 1 1; border-image: linear-gradient(270deg, rgba(255,255,255,0.20), #cccccc) 1 1;
} }
} }

@ -22,7 +22,7 @@
v-for="(item, index) in list" v-for="(item, index) in list"
:key="index" :key="index"
:style="{ :style="{
width: 'calc(100% / ' + num + ')', width: 'calc(100% / ' + num +' - 1rpx)',
}" }"
@click="handleClick(item, index)" @click="handleClick(item, index)"
class="" class=""

@ -795,7 +795,7 @@ export default {
background-color: #ededed; background-color: #ededed;
.m-info { .m-info {
width: calc(100% - 40rpx); width: calc(100% - 52px);
margin: 0 auto; margin: 0 auto;
margin-bottom: 20rpx; margin-bottom: 20rpx;

@ -494,14 +494,14 @@ export default {
.doc-left { .doc-left {
width: 43px; width: 43px;
height: 2px; height: 2px;
border: 1px solid; border-top: 1px solid;
border-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2), #cccccc) 1 1; border-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2), #cccccc) 1 1;
transform: rotate(180deg); transform: rotate(180deg);
} }
.doc-right { .doc-right {
width: 43px; width: 43px;
height: 2px; height: 2px;
border: 1px solid; border-top: 1px solid;
border-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2), #cccccc) 1 1; border-image: linear-gradient(270deg, rgba(255, 255, 255, 0.2), #cccccc) 1 1;
} }
} }

@ -333,30 +333,28 @@ export default {
// //
onTouchMove(e) { onTouchMove(e) {
if (!this.isTouching) return; if (!this.isTouching) return;
if (e.touches && e.touches.length > 0) {
this.moveY = e.touches[0].pageY;
const moveDistance = this.moveY - this.startY;
// moveDistance > 0 if (e.touches && e.touches.length > 0) {
if (moveDistance > 0) { this.moveY = e.touches[0].pageY;
const query = uni.createSelectorQuery().in(this); const moveDistance = this.moveY - this.startY;
query.select('.scroll-container').boundingClientRect(data => {
if (data) { // moveDistance > 0
const scrollTop = data.scrollTop || 0; if (moveDistance > 0 && moveDistance < 200) { //
// const query = uni.createSelectorQuery().in(this);
if (scrollTop <= 0) { query.select('.scroll-container').boundingClientRect(data => {
// 使 if (data) {
// divisor80 const scrollTop = data.scrollTop || 0;
const scaleValue = Math.min(moveDistance / 40, 1); // //
this.backgroundScale = scaleValue; if (scrollTop <= 0) {
this.mtScroll = scaleValue; // 使
} this.backgroundScale = Math.min(moveDistance * 0.05, 10); //
this.mtScroll = Math.min(moveDistance * 0.05, 10);
}
}
}).exec();
} }
}).exec();
} }
}
}, },
// //

Loading…
Cancel
Save