直播網站原始碼，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字號大小， 更多內容歡迎關注之後的文章