页面超过屏幕高度，无法滑动

<template>  
    <view class="center">  
        <view class="logo" @click="goLogin" :hover-class="!login ? 'logo-hover' : ''">  
            <image class="logo-img" :src="login ? uerInfo.avatarUrl :avatarUrl"></image>  
            <view class="logo-title">  
                <text class="uer-name">Hi，{{login ? uerInfo.name : '您未登录'}}</text>  
                <text class="go-login navigat-arrow" v-if="!login">&#xe65e;</text>  
            </view>  
         </view>  

        <view style="height: 1000upx;"></view>  

    </view>  
</template>  

<style>  
    @font-face {  
        font-family: texticons;  
        font-weight: normal;  
        font-style: normal;  
        src: url('https://at.alicdn.com/t/font_984210_5cs13ndgqsn.ttf') format('truetype');  
    }  

    page,  
    view {  
        display: flex;  
    }  

    page {  
        background-color: #f7f4f8;  
    }  

    .center {  
        width: 750upx;  
        height: 1500upx;  
        background-color: #f7f4f8;  
    }  

</style>

pages.json

{  
            "path": "pages/my/my",  
            "style": {  
                "navigationBarTitleText": "我的",  
                "onReachBottomDistance":"40px",  
                 "app-plus" : {  
                    "titleNView" : {  
                        "buttons" : [  
                            {  
                                "text" : "\ue534",  
                                "fontSrc" : "/static/uni.ttf",  
                                "fontSize" : "22px",  
                                "color" : "#999999"  
                            }  
                        ]  
                    },  
                    "bounce":"true",  
                    "scrollIndicator":"true",  
                    "pullToRefresh":"true"  
                }  
            }  
        }  

上下都不能滑动