vue 封裝dialog 自己封裝dialog元件

2021-10-13 08:25:15 字數 1056 閱讀 9382

在專案中我們常常要求各頁面樣式統一,所以在使用元件時封裝居多

使用方法

import customdialog from '@/components/customdialog/index.vue'

// dialogtitle 必傳,doconfirm 有提交按鈕必傳

// 如果內部引用form表單,可為設定通用樣式

form-item-half 可設定一行兩個表單元件展示

half-right 需為一行中的右側新增,左側不用新增

:visible.sync="dialo**isible"

:before-close="beforecolse"

:width="width"

:modal="modalboolean"

:showclose="showclose"

:custom-class="customname"

@close="handleclose"

}class="confirm-button"

v-show="confirmbutton.flag"

:loading="confirming"

@click="handleconfirm"

>}

export default val true或false

changedialogstatus (val) else else = document.body

const = this.customstyle

const fs = clientwidth / 10

const w = width * fs / 192

const h = height * fs / 192

const x = clientwidth / 2 - w / 2

const y = clientheight / 2 - h / 2

this.dw = w

this.dh = h

this.xp = x

this.yp = y

將時間轉換成字串時間**

tolocalestring()

封裝dialog彈框

doctype html html lang en head meta name viewport content width device width,initial scale 1.0,minimum scale 1.0,maximum scale 1.0,user scalable no me...

封裝React AntD的dialog彈窗元件

前一段時間分享了基於vue和element所封裝的彈窗元件 封裝vue element的dialog彈窗元件 今天就來分享乙個基於react和antd所封裝的彈窗元件,反正所使用的技術還是那個技術,情況還是那個情況。只是基於vue所封裝的彈窗元件和基於react所封裝的彈窗元件還是有很大差別的。一樣...

封裝自己DB

db.class.php created by phpstorm.user brady.wang date 2017 11 10 time 18 00 封裝乙個db類,用來專門運算元據庫,以後凡是對資料庫的操作,都由db類的物件來實現 class db 連線資料庫 private function ...