样式

pages/home/home.vue

@@ -21,7 +21,7 @@
 				</view>
 			</view>
 		</view>
-		<view class="sec_menu_wraper" :class="show ? 'show' : 'hidden'">
+		<view class="sec_menu_wraper" :class="show ? 'popshow' : 'pophide'">
 			<!-- <view class="cancel">
 				<view class="iconfont cancel_icon" @tap="show = false"></view>
 			</view> -->
@@ -84,10 +84,10 @@
 @import '../../common/style/mixin.styl';
 .home_wraper
 	_wh(100%, 100%)
+	overflow: hidden
 .zd_content
-	padding 0 24rpx
-	height 100%
-	padding-top calc(var(--status-bar-height) + 86rpx)
+	padding 0 20rpx
+	height calc(100% - var(--status-bar-height) - 72rpx)
 	background linear-gradient(to bottom, #f8e6db 0%, #f6f6f6 30%, #f6f6f6 100%)
 .header
 	position fixed
@@ -95,9 +95,9 @@
 	top 0
 	padding-top var(--status-bar-height)
 	z-index 100
-	_wh(100%, calc(var(--status-bar-height) + 86rpx))
+	_wh(100%, calc(var(--status-bar-height) + 72rpx))
 	background-color  #f8e6db
-	_font(36rpx,86rpx,#333,,center)
+	_font(36rpx,72rpx,#333,,center)
 .userInfo-wrap
 	_fj()
 	_wh(100%,160rpx)
@@ -211,10 +211,6 @@
 	padding 20rpx 0
 	overflow hidden
 	border-bottom 1px solid #c5c6c7
-.show
-	transform: translateY(0)
-.hidden
-	transform: translateY(100%)
 .bgc_1
 	background linear-gradient(to right, rgba(73,102,255,0.8) 0%, rgba(117,142,255,0.8) 100%)
 .bgc_2