弹出框组件

li-guang

2020-12-11 4ec328e11a251c8c267af8a76d49e77b92ccd30a

弹出框组件

 hive-app/components/popover/index.vue

@@ -1,12 +1,17 @@
<template>
    <view v-show="isShow">
    <view>
        <slot></slot>
    </view>
</template>

<script>
    export default{
		
        data(){
            return{
            }
        },
        methods:{
        }
    }
</script>


 hive-app/pages/workbench/index.vue

@@ -10,7 +10,8 @@
                <text class="icon mr-15">&#xe6d2;</text>
                <text class="icon" @click.stop="isShow=!isShow">&#xe600;</text>
            </view>
            <view class="popup-content" v-show="isShow">
        </view>
        <popover class="popup-content" v-show="isShow">
                <view>
                    <text class="icon mr-5">&#xe600;</text>
                    <text>新增会员</text>
@@ -19,8 +20,7 @@
                    <text class="icon mr-5">&#xe60f;</text>
                    <text>扫一扫</text>
                </view>
            </view>
        </view>
        </popover>
        <view class="condition flex justify-between mt-15">
            <view class="flex flex-v align-center">
                <text class="font-18 white">0</text>
@@ -146,7 +146,11 @@
</template>

<script>
    import popover from "../../components/popover/index.vue"
    export default{
        components:{
            popover
        },
        data(){
            return{
                isShow:false