d2-crud如何自定義search表單
D2-crud框架的search表單如圖所示： 官方已經(jīng)搭建好了，我們只需要更改crud配置來編輯左邊的搜索框即可。 默認(rèn)的DOM結(jié)構(gòu)如圖所示： search表單中的查詢和重置是默認(rèn)在crud-search組件中的，比如我們想自定義一個(gè)按鈕，若寫在el-button-group按鈕組中，顯然他只能渲染到下方。如何在search表單中進(jìn)行一些自定義操作呢？ ...
Swiper圖的“左右護(hù)法”
設(shè)計(jì)出了一個(gè)這樣的swiper，兩側(cè)的大小明顯小于中間的且只顯露了一半，這樣的樣式我們?cè)趺醋瞿兀娝苤瑂wiper有一個(gè)異形的Slide，其實(shí)就是未選擇的swiper用transform: scale()縮小，而選中的則變?yōu)檎＃覀兛梢灾苯咏梃b過來。 那么我們?cè)趺匆?guī)定顯示的的圖片呢？Swiper中有兩個(gè)屬性， 1.分別為centeredSlides使swiper選中的在中間顯示， 2....
Less——混合(Mixin)（下）
上一章我們部分介紹了Less中的混合，混合(Mixin)是一種將一組屬性從一個(gè)規(guī)則集包含(或混入)到另一個(gè)規(guī)則集的方式，類似編程語言中的函數(shù)。本章將繼續(xù)介紹混合的其他使用方法。四，@arguments 變量@arguments 變量包含了傳入的所有參數(shù)。編譯結(jié)果為：.big-block 五，匹配模式。在多個(gè)相同的混合中(參數(shù)個(gè)數(shù)必須相同)，匹配特定的混合。.class 六，運(yùn)算(Operation...
Less——混合(Mixin)（上）
Less 是一門 CSS 預(yù)處理語言，它擴(kuò)展了 CSS 語言，使 CSS 更易維護(hù)和擴(kuò)展。其中，混合(Mixin)是一種將一組屬性從一個(gè)規(guī)則集包含(或混入)到另一個(gè)規(guī)則集的方式，規(guī)則集也是我們平時(shí)常說的選擇器。有點(diǎn)類似編程語言中的函數(shù)，通過這種方式，可以在代碼中實(shí)現(xiàn)復(fù)用。一，普通混合。如果希望在其它規(guī)則集中使用這些屬性，只需像下面這樣輸入所需屬性的類（class）名稱即可。編譯結(jié)果為：.borde...
快捷動(dòng)畫庫animate
今天給大家介紹一下animate動(dòng)畫庫，我們可以自己寫一點(diǎn)簡單的動(dòng)畫效果，比如飛入，淡入淡出之類的，但要實(shí)現(xiàn)復(fù)雜的動(dòng)畫不如直接用動(dòng)畫庫，動(dòng)畫庫的動(dòng)畫怎么使用呢？接下來我們帶領(lǐng)大家看一下。 首先來到animate官網(wǎng)，引入animate的css文件。 如果各位不想要本地引入，可以直接引入線上的資源， 然后我們給指定元素添加animate這個(gè)類名，這個(gè)類名是固定的，后面跟的是動(dòng)畫的樣式，那么我們...
css整體移動(dòng)div
設(shè)計(jì)出具了這樣的一個(gè)需求，一眼丁真-鑒定為移動(dòng)div，首先寫成如下這種情況。接下來給大家介紹一下移動(dòng)div的常用方法1.transform：translateY（）作為css中唯一一個(gè)控制元素位置的元素，當(dāng)然首先介紹一下他。translate()方法，根據(jù)左(X軸)和頂部(Y軸)位置給定的參數(shù)，從當(dāng)前元素位置移動(dòng)。在括號(hào)內(nèi)部輸入移動(dòng)的像素值或者百分比就能把元素向選定方向移動(dòng)，這樣的移動(dòng)方法是保留元...
