mkm/nk-shop2.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
THK3121 2023-09-12 17:12:37 +08:00
parent f32a8dd835
commit 055e3845f3
1 changed files with 9 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
pages/nongKe/cloud_entrepot/index.vue
View File

@ -22,7 +22,7 @@
<!-- <view :style="`height: ${appInfo.top}px;background-color: red;z-index: 99999;`"></view> --> <!-- <view :style="`height: ${appInfo.top}px;background-color: red;z-index: 99999;`"></view> -->
<!-- <transition name="fade"> --> <!-- <transition name="fade"> -->
<view :class="{'head':true,'show':showtit}" style="padding-top: var(--status-bar-height);" <view :class="{'head':true,'show':showtit}" style="padding-top: var(--status-bar-height);"
v-if="showtit"> v-show="showtit">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx" <u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
height="50.82rpx" @click='goBack'></u--image> height="50.82rpx" @click='goBack'></u--image>
@ -39,7 +39,8 @@
<!-- </transition> --> <!-- </transition> -->
<!-- <transition name="fade"> --> <!-- <transition name="fade"> -->
<!-- 滚动 --> <!-- 滚动 -->
<view :class="{'heads':true,'show':!showtit}" style="padding-top: var(--status-bar-height);"> <view :class="{'heads':true,'show':!showtit}" style="padding-top: var(--status-bar-height);"
v-show="!show">
<view style="align-items: center;display: flex;justify-content: space-between;"> <view style="align-items: center;display: flex;justify-content: space-between;">
<view class="" style="display: flex;align-items: center;"> <view class="" style="display: flex;align-items: center;">
<view class="back" style="margin-right: 17rpx;"> <view class="back" style="margin-right: 17rpx;">
@ -102,7 +103,7 @@
<!-- 商品列表 --> <!-- 商品列表 -->
<transition name="fade"> <transition name="fade">
<view class="content"> <view class="content">
<view class="content_sift" :style="{position:pocls,top:(headtop+16)+'px'}" v-if="!showtit"> <view class="content_sift" :style="{position:pocls,top:(headtop)+'px'}" v-if="!showtit">
<view :class="{act:item.act}" v-for="item,index in actList" :key="index" <view :class="{act:item.act}" v-for="item,index in actList" :key="index"
@click="screenGoods(item.screen,index)"> @click="screenGoods(item.screen,index)">
{{item.tit}} {{item.tit}}
@ -347,7 +348,7 @@
.in(this) .in(this)
.select('.content') .select('.content')
.boundingClientRect(rect => { .boundingClientRect(rect => {
if (rect.top <= (this.headtop + 16)) { if (rect.top <= (this.headtop)) {
this.pocls = 'fixed' this.pocls = 'fixed'
this.act_swiper = 'act_swiper' this.act_swiper = 'act_swiper'
this.act_img = 'act_img' this.act_img = 'act_img'
@ -546,18 +547,6 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@keyframes addcart {
from {
// background-color: red;
opacity: 1,
}
to {
// background-color: yellow;
opacity: 0,
}
}
.flags { .flags {
background-color: red; background-color: red;
z-index: 99999999; z-index: 99999999;
@ -734,7 +723,7 @@
width: 100%; width: 100%;
padding: 0 20rpx; padding: 0 20rpx;
align-items: center; align-items: center;
transition: .5s; transition: .3s;
@ -746,7 +735,7 @@
color: white; color: white;
width: 100%; width: 100%;
padding: 0 20rpx; padding: 0 20rpx;
transition: 1s; transition: .3s;
opacity: 0; opacity: 0;
} }
@ -837,7 +826,7 @@
} }
.act_swiper { .act_swiper {
height: 150rpx; // height: 500rpx;
position: fixed; position: fixed;
z-index: 99; z-index: 99;
overflow: hidden; overflow: hidden;
@ -845,7 +834,7 @@
.act_img { .act_img {
// transition:t; // transition:t;
transform: translateY(-848rpx); transform: translateY(-800rpx);
} }