less函數封裝

@file 將常用樣式封裝成函數，優化代碼

@author liutao

1、聲明方法，將函數方法中的條件屬性（top, left, bottom, right），單獨寫成一個函數並加入條件判斷。條件大於-1時返回函數中的屬性，條件不滿足時則不返回屬性。

2、在「style」標籤中引入封裝的less函數文件，並在clsss或Id中引入封裝的方法

無參數調用

運行結果

.test{

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

}

3、傳入自定義參數調用

.test{

width: 100%;

height: 100%;

position: fixed;

right: 10px;

bottom: 0;

}

因為是第一次寫文章，寫的不好之處敬請諒解！

若覺得小子我寫的不錯的話，各位老闆公司需要招web前端的話，請給小子我一個機會，本人微信18025458684。

後面將寫關於less屬性合併的函數，敬請期待！

推薦閱讀：