V01 Vue.js 实战教程 - 基础篇7.3. 添加打赏弹窗
简介
本小节中，我们将添加一个弹窗组件，来弹出一个指定的二维码和相关内容，以模拟打赏。
添加弹窗组件
1). 新建弹窗组件
在 src/components 下新建 Modal.vue 文件，复制贴入以下代码：
src/components/Modal.vue
<template>
<div>
<div v-show="show" class="modal" style="display:block" @click.self="close">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button @click="close" class="close">×</button>
<h4 class="modal-title">
<slot name="title"></slot>
</h4>
</div>
<div class="modal-body">
<slot></slot>
</div>
<div class="modal-footer">
<slot name="footer"></slot>
</div>...
关于 LearnKu
粤公网安备 44030502004330号