HorPopup

Introduction

import PressHorPopup from '@tencent/press-plus/press-hor-dialog/press-hor-dialog';

export default {
   components: {
     PressHorPopup,
   }
}

Code Demo

Basic usage

<PressHorPopup
   v-if="show"
   title="title"
   @close="close"
>
   <div style="color: #fff; margin: 10px 20px;font-size: 12px;">
     Don't come here to pile X mountains
   </div>
</PressHorPopup>

export default {
   methods: {
     close() {
       this.show = false;
     },
   },
};

API

Props

Parameters	Description	Type	Default value
popup-with	Popup window width, unit rem	string	5.6
title	title	string	-
is-show-close	Whether to show the close button	boolean	true

Events

Event name	Description	Parameters
close	Click to close	-

Slot

Name	Description
-	Pop-up content