由於專案組前端人員缺失,又趕上需要在手機端做乙個slide效果的頁面,所以只能自己硬著頭皮上了,寫的很簡單,請大家不要笑話,只是拿出來分享下,大家先看下完成後的效果,如下:
看了效果圖是不是很簡單,確實很簡單了,下面我就貼下**,請大家忍住別笑。
1class="
">
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
1html,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值賦給驗證碼 校驗驗...