基於 vue+element ui 的cdn網站(多頁面,都是各種demo)


前言:這個網站持續更新中...,有網上預覽,github上也有源碼,喜歡記得star哦,歡迎留言討論。

網站地址:我的個人vue+element ui demo網站 

github地址:yuleGH github (喜歡記得star哦)

附:element ui 文件下載地址
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/index.css
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.woff
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.ttf
https://unpkg.com/element-ui@2.4.7/lib/index.js

這里就貼圖展示一下(ps:圖片可能不是最新的,建議直接看網站):

一、關於我

關於網站:致力於將平時自己用到的記錄下來,形成demo...查看源碼請到github,喜歡記得star哦

 

二、表格相關

1、所有的打印數據,均在打印區里。 表格上是否有錢這列是el-checkbox,綁定了v-model

 2、同樣借用element官網上的demo數據,但是和官網上的不同

 

 

三、彈出框相關

1、每個彈出框都是獨立的,可多次彈出,並且可以自定義html,使用vNode,同時支持傳參

 

四、其他

1、這是頁面1, 測試從當前頁面跳到另外一個頁面(使用window.location.href), 然后點返回按鈕回到當前頁面,經測試會刷新頁面

2、復制到剪貼板,有格式的、自定義的都可以

 

 3、滾動條固定在可視區域

 

 

五、時間控件

1、時間控件選擇年月日時分,時間控件不可輸入 

 六、Form表單

1、兩種小寫轉大寫的方式

 七、組件

 1、vue的組件,這里實現父子組件的數據雙向綁定

八、上傳文件

 

未完待續...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM