uni-app裡的拓展元件uni ui與UI框架uView UI的Popup 彈出層的區別！

文章目錄

• 1.官網Popup 彈出層連結
• 2.屬性不同
• 3.屬性對照
• 4.彈出的方式
• 5.uView特有屬性

1.官網Popup 彈出層連結

uni ui的官方地址：https://ext.dcloud.net.cn/plugin?id=329
uView ui的官方地址：http://uviewui.com/components/popup.html

2.屬性不同

uni ui的官網上提供了3個屬性：如圖所示：

uView ui的官網上提供的屬性有很多，如圖所示：

3.屬性對照

由於太多屬性了，就不一一列舉了！
對於屬性來講，更多的是uView ui，因為uView ui其實可以說是對uni ui的應該補充與完善的ui。所以它所擁有的功能回比uni ui更多得多！

4.彈出的方式

再來看彈出的方式區別
uni ui的type引數：

uView ui的mode引數：

5.uView特有屬性

控制彈窗的寬度 | 高度

內建了scroll-view元素，內如內容超出容器的高度，將會自動獲得垂直滾動的特性，通過設定height引數可以設定高度
這裡說的寬度，指的是左邊，右邊，中部彈出的場景，高度指的是頂部和底部彈出的場景(因為這兩個場景寬度都是100%)。

uView提供了length來控制此種情況，此值可以是數值(單位rpx)，auto，百分比等，內部會自動處理對應的邏輯。 如果為auto的時候，表示彈窗的寬度 | 高度由內容撐開。

1.3.7版本新增width和height引數：

1.3.7版本後，優先推薦width和height引數，並且優先順序會高於length，這3個引數都可以設定百分比、auto、數值(單位rpx)、或者是帶px和rpx單位的字串：

• width — 只對mode = left | center | right模式有效
• height — 只對mode = top | center | bottom模式有效

1.3.7版本後，內建了scroll-view元素，內如內容超出容器的高度，將會自動獲得垂直滾動的特性，如果您因為在slot內容做了滾動的處理，而造成了 衝突的話，請移除自定義關於滾動部分的邏輯。

這個東西完美解決了uni ui的大麻煩，因為在uni ui中的popup彈出層，如果你的內容過多的話，那麼你的內容就回被頂上去，就回看不到了，之前的做法是利用scroll-view元素，通過設定滾動來解決這個問題，不過這樣很麻煩，而新版本的uView的width和height引數就是來解決這個高度跟寬度問題的！！！

暫時整理這麼多，後續再更！！

如果有寫錯或者不足的地方，還請在評論區指正！！我會及時修改！！！！！！

請尊重原創，如需轉載，還請註明原作者，原文連結，謝謝啦！！！