關於antd modal元件使用的一些新得

2021-09-12 19:24:44 字數 929 閱讀 2006

首先我在用modal元件的時候先把modal元件又封了一層,**

import react,  from 'react';

import from 'mobx-react';

import cx from 'classnames'

import from 'antd';

import './index.less';

@inject('ui')

@observer

export default class extends component

} getmodalstyle = (w, h) =>

return {} // modalstyle

} render () = this.props

// 彈窗居中顯示

const style = this.getmodalstyle(width, height)

const sizestyle = `_$_$`

let props =

delete props.classname

if (height)

return (

)}}

這樣就可以對自己的modal進行自己的設計,但是modal元件的方法還是可以的用的,這樣的封裝只是對原來modal元件的樣式進行隱藏,然後根據自己的需求來設計。

然後在使用modal時候,下次再開啟這個元件的時候想把裡面的內容銷毀,目前modal api已經提供了destroyonclose這個方法,

另外還有乙個屬性zindex這個屬性,是用來設定多個彈窗的顯示層次的,為什麼要提到這個屬性呢,因為我遇到4個彈窗同時出現,最後乙個點開的彈窗本應該優先順序是最高的,但是會出現前面的彈窗把這個最後開啟的彈窗覆蓋掉,所以要用到這個zindex這個屬性,通過設定這個的值保證彈窗就不會出現疊放混亂的問題了。

taro 關於Swiper 元件使用 右側白邊問題

平時用元件都是直接放圖然後就不管了 這次拿最近在學的 taro 寫點東西的時候 發現 swiper 元件上這個圖竟然會有白邊 發現問題是image 這個元件 編譯後 會在img 這個標籤上面包裹上乙個div並限制死寬度 例圖 想了好久沒有想到合適的方案 只能暫時先 檢視頁面元素 找到包裹的div 給...

關於元件封裝

1善於總結,通常乙個公司大部分專案,頁面排版型別相近,比如管理系統 1.1從布局上講 大都是上左右結構,適合用easyui做為主框架右邊主頁面用iframe巢狀 1.2從模組上講 常用元件就是 查詢,表單提交,彈出模態框,選項樹,表單驗證,tab選項卡 1.3從頁面樣式風格上講 一般就是紅色和藍色為...

關於vue ui元件

一 vue ui 元件 1 vue 當前很火前端框架vue 針對pc使用者 pc 端與移動端區別 1 螢幕寬度 992px 2 操作方式 滑鼠 事件 手指 觸碰操作 餓了麼 基於vue框架開發移動端元件庫 mint ui mui 開源團隊 mui 滴滴 2 vue ui 元件mint ui安裝與使用...