主要用到 hidden=’{{show}}’ 進行判斷 元件部分：

<style lang="less">
page {
    min-height: 100%;
}
.shade-box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9996;
    color: #979797;
    background: rgba(18,17,16,.3);
    .shop-box {
        position: relative;
        height
 
: 100%;
        .item {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 30rpx 40rpx;
            background: #fff;
            .shade-hd .img-box {
                width: 50rpx;
                height: 50rpx;
                opacity: .6;
            }
 

        }
    }
    .shade-ft {
        position: relative;
        padding: 30rpx 0 40rpx 0;
        .img-box {
            width: 120rpx;
            height: 120rpx;
            margin: 30rpx auto;
        }
    }
    .shade-ft:after {
        content: '';
        position: absolute;
        left: 50%;
        top
 
: 50%;
        transform: translate(-50%,-50%);
        display: block;
        width: 1px;
        height: 140rpx;
        border-radius: 20rpx;
        background-color: #e5e5e5;
    }
}
</style>

<template>
<view class='shade-box' hidden='{{show}}'>
    <view class='shop-box'>
        <view class='item backg-white'>
            <view class='shade-hd'>
                <view class='weui-cell'>
                    <view class='weui-cell-bd text-center'><label class="font-md font-wg">分享至微信</label></view>
                    <view class='weui-cell-ft ' @tap='hideShare'>
                        <view class='img-box'>
                            <image src='/image/icon-close.png' class='img img-xs' mode='widthFix'></image>
                        </view>
                    </view>
                </view>
            </view>
            <view class='shade-ft'>
                <view class='weui-cell text-center font-sm'>
                    <view class='weui-cell-bd'>
                        <poster id="poster" config="{{posterConfig}}"  bind:success="onPosterSuccess" bind:fail="onPosterFail">
                            <view class='img-box'>
                                <image src='/image/icon-share-save.png' class='img img-xs' mode='widthFix'></image>
                            </view>
                            <view>朋友圈</view>
                        </poster>
                    </view>
                    <view class='weui-cell-bd form-btn'>
                        <button class='btn' open-type='share'>zhuanfa</button>
                        <view class='img-box'>
                            <image src='/image/icon-share-wechat.png' class='img img-xs' mode='widthFix'></image>
                        </view>
                        <view>微信好友</view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</view>
</template>

<script>
  import wepy from 'wepy';
  export default class Share extends wepy.page {
    config = {
    }
    data = {
    }
    props = {
    }
    methods = {
        // 頁面跳轉
        navigateUrl : function(e) {
          var  url = e.currentTarget.dataset.url;
          url && wx.navigateTo({
            url: url,
          })

        },
        // 關閉彈窗
        hideShare: function (e) {
            var that = this
            that.setData({
              show: false
            })
        }

    }
  }
</script>

調起元件部分：

<template>
    <share hidden="{{!show}}"></share>
</template>

<script>
  import wepy from 'wepy';
  // 元件
  import navBar from '../../../components/navbar/index'
  import shared from '../../../components/share/index'

    //宣告元件，分配元件id為child
    components = {
        share: shared
    }
    methods = {
        // 執行彈出
        showShare : function (e) {
            var that = this
            that.setData({
              show: true
            })
        }
    }
</script>

效果：