uniapp 点击动画_uni-app 底部弹出弹窗能够动画效果

分享到

{ {item.content}}

取消

props: {

},

data() {return{

shareList: [

{image:'/static/temp/share_wechat.png', content: '微信好友'},

{image:'/static/temp/share_moment.png', content: '朋友圈'},

{image:'/static/temp/share_qq.png', content: 'QQ好友'},

{image:'/static/temp/share_qqzone.png', content: 'QQ空间'},

],

shareState:false,

};

},

methods: {//显示分享

handleShowShare () {this.shareState = true;

},//隐藏分享

handleHiddenShare () {this.shareState = false;

}

}

}

width:100%;

height:100%;

}

.share-box {

width:100%;

height:100%;

position:fixed;

top: 0rpx; left: 0rpx; bottom: 0rpx; right: 0rpx;

<