自製空元件

2022-09-19 12:54:13 字數 1288 閱讀 9143

目錄為開發乙個空狀態通用元件,需要將所有內容水平垂直居中,還需要橫向縱向排列,故選擇flex布局。

元件內容分為三部分,、文字、其他(插槽)

預設狀態,元件排列方式為縱向,307*145,所有內容水平垂直居中。

容器寬高任一小於330px,假設寬大於高元件排列方式變為橫向,大小變為70px;否則維持預設。

容器寬高任一小於120px,元件只顯示文字和其他。

}

import zoehisempty from './src/empty.vue';

import defaultempty from './svg/defaultempty.vue'; // 預設空狀態

import dataempty from './svg/dataempty.vue'; // 暫無資料

import documentempty from './svg/documentempty.vue'; // 暫無相關文件

import messageempty from './svg/messageempty.vue'; // 暫無相關訊息

import distributeempty from './svg/distributeempty.vue'; // 暫未分發

zoehisempty.install = function(vue) ;

zoehisempty.defaul_empty = defaultempty

zoehisempty.data_empty = dataempty

zoehisempty.document_empty = documentempty

zoehisempty.message_empty = messageempty

zoehisempty.distribute_empty = distributeempty

export default zoehisempty

.zoehis_empty_warp 

.zoehis_empty_clear

}.zoehis_empty

// 縱向

&.zoehis_empty_vertical

} // 橫向

&.zoehis_empty_horizontal

}.zoehis_empty_description

} // 沒圖

&.zoehis_empty_text

.zoehis_empty_description

}}

自製彈出框元件

目錄沒有使用vue popover外掛程式,因為功能不需要太多,只需要上下左右彈出 ww 視口寬 elm.offsetleft 這div的左側偏移量,不算margin 也沒margin elm.clientwidth 這div的寬,不包括border和margin 是用按鈕撐開寬 this.widt...

Flash 自製滾動條元件

前幾天做了乙個動畫,其中用到要滾屏的東西,就做了乙個滾動條,雖然flash元件中有這個控制項,但是與我的動畫效面不匹配,就自己做了,並把它封裝成了元件,方便使用。這個元件較簡單,只實現了垂直滾動 使用也簡單,不用寫一行 把元件拖進去,設定一下引數就實現滾動條了。我依然用的是flash 8,雖然好多年...

Unity介紹空物體及元件

介紹空物體 1.建立空物體就是在hierarchy面板建立createempty gameobject空物體 2.每個物體預設就有transform元件也可以表示物體 3.可以附加各種其他元件,附加不同元件就有不同功能 4.不同物體有不同功能,就是它掛載了不同的元件 介紹元件 transform元件...