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

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

一、使用

两种用法

1.函数调用

import { Dialog } from 'vant';
 
Dialog({ message: '提示' });

​

2.组件调用

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

二、示例 (函数调用)

 1.HTML中

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

 2.methods方法中 

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

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