1. 程式人生 > >mint-ui自定義messageBox樣式

mint-ui自定義messageBox樣式

mint-ui MessageBox官網文件:

API:

裡面並沒有提供自定義的樣式api

裡面的內容是預設居中顯示的,如果我們想改變裡面的樣式,比如自定義顏色,字型大小該怎麼改的。

可以這樣:

const html = `
        <div style="text-align:left;font-size:20px">
          內容內容內容內容內容內容<span style="color:red">我紅了</span>
        </div>
      `
 MessageBox ({
   title: '標題',
   message: html,
   confirmButtonText: '我知道了'
 })

結果如下

相關推薦

mint-ui定義messageBox樣式

mint-ui MessageBox官網文件: API: 裡面並沒有提供自定義的樣式api 裡面的內容是預設居中顯示的,如果我們想改變裡面的樣式,比如自定義顏色,字型大小該怎麼改的。 可以這樣: const html = ` <di

Vue Element-ui定義dialog樣式

ons 自定義樣式 定義 如果 child 更改 樣式 inf 技術 第一步:定義 自定義dialog class名 第二步:全局修改自定義樣式 自定義dialogStyle有三個兒子,這樣只用找到他們就可以自定更改啦 .custonStyle {   

Element-ui定義table表頭,修改列標題樣式、新增tooltip, :render-header使用簡介

關注我的個人部落格:pinbolei.cn,獲取更多內容 render-header render-header在官方文件中的介紹是這樣的: 引數 說明 型別 可選值 預設值

element-ui定義樣式

使用element-ui自定義樣式 0.起一個vue專案, 先使用vue-cli起一個vue專案, 1. 安裝sass // 安裝sass,並在配置檔案中配置(vue3.x可能不用配置,這是vue2.x) npm install node-sass sass-loader

DOM內容操作和定義樣式改變

abcdefg result 定義 tel class abcde inner 參數 fun 自定義 function 方法名或函數名(參數1,參數2,、、、) { 方法體; return返回值;(可不寫) } function a

動態代理中的定義註解樣式

interface pre 運行期 type import 生存 nbsp pub tar 動態代理中的自定義註解的樣式    @Target(ElementType.METHOD) 代表此註解使用對象是method@Retention(RetentionPolicy.RU

定義checkbox樣式

urn spl cli alt getch sha -1 圖片切換 att   在項目中經常會使用到checkbox復選框,但是瀏覽器自帶的checkbox樣式往往不那麽好看,而且不同瀏覽器效果不一樣,為了美化和統一視覺需求。我們需要自定義checkbox樣式。 1.純c

Android 修改源碼定義SwipeRefreshLayout樣式——高仿微信朋友圈下拉刷新

樣式 post and 微信 修改 size roi 自定義 details 修改源碼自定義SwipeRefreshLayout樣式——高仿微信朋友圈下拉刷新Android 修改源碼自定義SwipeRefreshLayout樣式——高仿微信朋友圈下拉

博客園設置定義頁面樣式

控制 lte 浮動 title 樣式 padding 搜索 border add 首先是背景圖片,這個修改對模版而言都是通用的 body { background:url(‘URL‘) no-repeat top center fixed;} 這裏圖片路徑可以上傳到博

CNbolgs定義CSS樣式

-h css color times family height 技術 pad ext 適用於頁面定制CSS代碼#cnblogs_post_body { color: rgba(0, 0, 0, 0.815); font: 0.875em/1.

微信小程式 定義 swiper 樣式

本文出自: http://blog.csdn.net/wyk304443164 實現功能如下: 僅重寫了swiper的樣式,so fucking easy! wx-swiper-item { width: 90% !important; mar

Android UI-定義日曆控制元件

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Android UI 定義ListView 實現下拉重新整理 載入更多

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

ionic3 定義toast樣式

檔案目錄結構: 在使用ionic3來寫toast效果時,會有各種各樣對toast樣式的需求, 在全域性的app.scss中新增以下內容 備註:(這裡的樣式也可以放置在元件的scss檔案中,但是是獨立開來的,不要巢狀在元件的page-xxx中去) //吐司顏色、大小 .box

安卓定義switch樣式

榮耀手機鬧鐘開關的switch樣式,最近簡單的方法可以直接設定兩張圖片,根據按鈕狀態來進行切換。 這裡主要說另外一種方式 首先建立兩個track的資原始檔,也就是後面的背景 建立未開啟狀態下的track起名為track_bg_gray <?xml version="1.0

WPF筆記:WPF定義treeview樣式及資料繫結

定義treeview 展開按鈕(togglebutton)樣式,建立資源: <Style x:Key="ExpandCollapseToggleStyle" TargetType="ToggleButton"> <Setter Property="Foc

QT如何定義滑鼠樣式及如何用windows帶畫圖工具進行滑鼠樣式的設計

眾所周知,QT系統自身擁有眾多的滑鼠樣式,這些滑鼠樣式均比較常見,顏色、樣式為系統所固有,無法更改。哪麼能不能自定義滑鼠的形狀、顏色等特點呢?答案是可以的。自定義的滑鼠樣式可以隨意指定,顏色更是多種多樣,極具個性化。 QT自帶的滑鼠樣式(在此不做過多介紹): 可以直接拿來用,具體用法如下:

微信公眾號開發(四) -- 定義分享樣式

1.微信的分享介面呼叫其實相當於是重寫了個介面,自定義的是分享樣式 2.位置還是右上角的三個點點 首先獲取jssdk 因為我的token是儲存在資料庫裡的,所以只要appid和token 沒有的話需要加一步獲取token值 <?php class JSSDK { priv

[Xcode10 實際操作]四、常用控制元件-(5)UILabel文字標籤定義文字樣式

本文將演示給標籤物件新增描邊效果,在專案資料夾上,點選滑鼠右鍵選單, 選擇【Create File】->【Cocoa Touch Class】->【Next】-> 【Class】:MyLabel 【Subclass of 】:UILabel 【Language】:Swift -&g

Bugly 版本升級UI定義之固定控制元件id

1. Beta.upgradeDialogLayoutId = R.layout.layout_upgrade_dialog; 2.佈局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:androi