純後端嘗試寫乙個前端slide外掛程式

2022-03-08 06:58:15 字數 1587 閱讀 2038

由於專案組前端人員缺失,又趕上需要在手機端做乙個slide效果的頁面,所以只能自己硬著頭皮上了,寫的很簡單,請大家不要笑話,只是拿出來分享下,大家先看下完成後的效果,如下:

看了效果圖是不是很簡單,確實很簡單了,下面我就貼下**,請大家忍住別笑。

1

class="

">

2class="

side-row

">

3class="

side-title

">

4class="

side-title-des

">測試資料一

5class="

side-arrow arrow-down

">67

class="

side-body information

" style="

display: none;

">814

1516

class="

side-row

">

17class="

side-title

">

18class="

side-title-des

">測試資料二

19class="

side-arrow arrow-down

">

2021

class="

side-body information

" style="

display: none;

">

2228

2930

class="

side-row

">

31class="

side-title

">

32class="

side-title-des

">測試資料三

33class="

side-arrow arrow-down

">

3435

class="

side-body information

" style="

display: none;

">

3642

43

44

1

html,body56

margin:0;

7padding:0;

8 }

9.side-row

12.side-row .side-title

19.side-title .side-title-des

23.side-title .side-arrow

29.arrow-up

32.arrow-down

1
沒有前端的時候只能後端頂上,寫的不好的地方希望前端大神們能給一些指導意見。

如果覺得寫的還行的話,請肆意推薦哦,興許推薦多了我會考慮轉前端呢。

嘗試用TypeScript寫乙個Vue todo

ts看起來是大勢所趨,據說vue3.0的原始碼都是用ts寫的了,無論如何都應該學習一番ts了!在實踐中學習也不失為一種學習方式!vue create vue todo成果 樣子大概是這樣,和js寫出來的差別還是很大的 1 這次實踐離真正熟練還差得很遙遠,但至少對強型別是有所理解了,也能感覺到ts的優...

純css寫乙個好看的按鈕

以下開關按鈕,主要還是css陰影的使用,大多數人知都卻很少用的,單個元素可以使用多重陰影效果 以下是css 開關站 m switch station m switch station u head m switch station u head p m switch station u body m...

乙個純前端JS驗證碼

之前在工作中發現乙個純前端js驗證碼編寫的驗證碼,比較簡單易懂,在此作為收藏 checkcode.js原始碼 var code 在全域性定義驗證碼 生成驗證碼 window.onload function createcode checkcode.value code 把code值賦給驗證碼 校驗驗...