簡單的vue scroll 元件

使用

2 安裝這三個依賴

3 給引入的元件乙個固定的高度。

-->

使勁往下拉

重新整理成功

loading......

我是有底線的_______!

overflow: hidden;

position: relative;

width: 100vw;}

// 頂部下拉重新整理框

// 這個高度要設定最好和scroll 初始化的時候設定的高度一致；

.center

// 下面的上拉舒心圖示外框

.upload

// ----------上面的重新整理圖示，如果換成自己的可以刪除--------------------

#preloader_1

#preloader_1 span

#preloader_1 span:nth-child(2)

#preloader_1 span:nth-child(3)

#preloader_1 span:nth-child(4)

#preloader_1 span:nth-child(5)

@keyframes preloader_1

25%

50%

100%

}// ------------------------end--------------------------------

使用案例

react簡單元件

如下 constructor props this.state 獲取原先的陣列 可以直接寫this.state.todos 效果一樣 todos.unshift todo 新增陣列 this.setstate 更新陣列值 render class add extends react.componen...

簡單的vue日曆元件

根據公司設計圖製作了乙個簡單的日曆元件，主要包括切換上一年 上一月 下一年 下一月，鎖定開始時間 結束時間等功能，以上就是效果圖。html child date0 child date1 js kim new vue date1 vue.component mcalendar methods els...

TMaskEdit元件的簡單應用

tmaskedit元件的簡單應用 掩碼格式可以分為三部分每個部分之間用分號 分開。第一部分 第二部分 第三部分 第一部分是掩碼本身，也就是資料輸入格式。在這一部分用一些特殊的格式符來表示應輸入的字元型別及格式，常用的特殊格式符有 去掉輸入資料開頭的空格符 讓輸入資料的字母都變成大寫，直到遇上掩碼字元...