直播网站源码，vant中Dialog的使用，如何修改Message字号大小

直播网站源码，vant中Dialog的使用，如何修改Message字号大小

一、使用

两种用法

 

1.函数调用

 

1	import { Dialog } from 'vant';<br> <br>Dialog({ message: '提示' });

​

2.组件调用

 

1	<br>import Vue from 'vue';<br>import { Dialog } from 'vant';<br> <br>// 全局注册<br>Vue.use(Dialog);<br> <br>// 局部注册<br>export default {<br>  components: {<br>    [Dialog.Component.name]: Dialog.Component,<br>  },<br>};

 

二、示例 (函数调用)

 1.HTML中

 

1	<br>  <!-- html中，绑定一个事件，例如@click="clear" -->     <br>  <van-button<br>    native-type="button"<br>    @click="clear"<br>    type="default"<br>    style="width: 80px; height: 40px"<br>    size="normal"<br>    class="btn_left"<br>   >Clear</van-button><br>

 

 2.methods方法中 

 

1

<br>methods:{<br> <br>    clear() {<br>      Dialog.confirm({<br>        //  文本内容，支持通过\n换行<br>        message: "Confirm to clear all information?",<br>        //  确认按钮文案<br>        confirmButtonText: "Yes",<br>        //取消按钮文案<br>        cancelButtonText: "No",<br>        //  确认按钮颜色<br>        confirmButtonColor: "#07c160",<br>        //  自定义类名<br>        className: "van-dialog__message",<br>      })<br>        .then(() => {<br>          // on confirm<br>          <br>          setTimeout(() => {<br>            Toast("Cleared successfully!");<br>          }, 1000);<br>        })<br>        .catch(() => {<br>          // on cancel<br>        });<br>    },<br> <br>}

 

 以上就是直播网站源码，vant中Dialog的使用，如何修改Message字号大小， 更多内容欢迎关注之后的文章