优化
This commit is contained in:
parent
f32a8dd835
commit
055e3845f3
@ -22,7 +22,7 @@
|
||||
<!-- <view :style="`height: ${appInfo.top}px;background-color: red;z-index: 99999;`"></view> -->
|
||||
<!-- <transition name="fade"> -->
|
||||
<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;">
|
||||
<u--image :showLoading="true" src="/static/images/LHYC/FH.png" width="50.82rpx"
|
||||
height="50.82rpx" @click='goBack'></u--image>
|
||||
@ -39,7 +39,8 @@
|
||||
<!-- </transition> -->
|
||||
<!-- <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 class="" style="display: flex;align-items: center;">
|
||||
<view class="back" style="margin-right: 17rpx;">
|
||||
@ -102,7 +103,7 @@
|
||||
<!-- 商品列表 -->
|
||||
<transition name="fade">
|
||||
<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"
|
||||
@click="screenGoods(item.screen,index)">
|
||||
{{item.tit}}
|
||||
@ -347,7 +348,7 @@
|
||||
.in(this)
|
||||
.select('.content')
|
||||
.boundingClientRect(rect => {
|
||||
if (rect.top <= (this.headtop + 16)) {
|
||||
if (rect.top <= (this.headtop)) {
|
||||
this.pocls = 'fixed'
|
||||
this.act_swiper = 'act_swiper'
|
||||
this.act_img = 'act_img'
|
||||
@ -546,18 +547,6 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@keyframes addcart {
|
||||
from {
|
||||
// background-color: red;
|
||||
opacity: 1,
|
||||
}
|
||||
|
||||
to {
|
||||
// background-color: yellow;
|
||||
opacity: 0,
|
||||
}
|
||||
}
|
||||
|
||||
.flags {
|
||||
background-color: red;
|
||||
z-index: 99999999;
|
||||
@ -734,7 +723,7 @@
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
align-items: center;
|
||||
transition: .5s;
|
||||
transition: .3s;
|
||||
|
||||
|
||||
|
||||
@ -746,7 +735,7 @@
|
||||
color: white;
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
transition: 1s;
|
||||
transition: .3s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@ -837,7 +826,7 @@
|
||||
}
|
||||
|
||||
.act_swiper {
|
||||
height: 150rpx;
|
||||
// height: 500rpx;
|
||||
position: fixed;
|
||||
z-index: 99;
|
||||
overflow: hidden;
|
||||
@ -845,7 +834,7 @@
|
||||
|
||||
.act_img {
|
||||
// transition:t;
|
||||
transform: translateY(-848rpx);
|
||||
transform: translateY(-800rpx);
|
||||
|
||||
}
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user