nuxt+vue+vant --- SSR- h5 公共底部弹出层组件

本博客是为了记录自己的组件，方便学习和使用，组件是在vant的基础上二次封装，之前还写了一个自己手写的弹出层公共组件，详情移步vue-cli 移动端底部弹出菜单动画效果

参数名	类型	说明
is_showpopup	boolean	是否显示弹层组件
isShowLine	boolean	是否显示头部下划线

slot	说明
"popupHeader"	头部左侧文字
"popupSlot"	主题区域内容

事件
@fromPop 头部左侧文字点击事件

---

第一步：新建一个公共组件publicPop.vue

第二步：使用页面

    
      
我是头部左侧文字
      
货币和国家
    

结束语

---

二次封装的好处就是可以配置公共得头部按钮，文字，复用率比较高。