使用van-popup封装的popup弹出层

html部分

      

        

          

            
{{title}}
            
          
        
        
      
    
在这里插入代码片

JS部分

export default{
  props: {
	 hight: Number|String,
	 title:String
  },
  data(){
  	return{
  		show:false,
  		closeIcon:require('../assets/img/schoolclose_icon.png')
  	}
  }
  
}

css样式

.popup_content{
	width：100%;
	height: 100%;
    display: flex;
    flex-direction: column;
    .title{
      height:1rem;
      padding:0.22rem 0rem;
      .content{
        height: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        img{
          width: 0.32rem;
          height: 0.32rem;
          position: absolute;
          right:0.3rem;
          top: 50%;
          margin-top: -0.16rem;
        }
      }
    }
}