使用妹子UI開發的體驗分享

2022-01-26 04:35:22 字數 1096 閱讀 4300

前陣子看到乙個類似bootstrap的前端ui框架,好奇心驅使下,去琢磨了一些,最終決定**改版用這個ui試試效果:

首頁+頭部:

投稿頁:

總結:

上手難度:

(熟悉bootstrap):★

(不熟悉bootstrap):★★★

優點:

一、很多元件都能直接用,常用元件基本都有了,比較適用於快速開發;

二、官網文件挺詳細的,新手入手的話基本沒什麼壓力;

三、樣式比較好看(不知道是不是看多了bootstrap的效果了,就覺得這個ui比bootstrap好看)

不足:

一、這個ui很多都是參考bootstrap,很多功能可以說還沒真正的開發好,有些js外掛程式還有待完善,比如說彈出框部分,沒法用js自由呼叫;

二、樣式重寫方面, 如果你不喜歡他原來的樣式,比如說改成自己的顏色尺寸之類的,你在他們的元件上加自己的css類貌似是無效的(我的就遇到這樣的,不知道是不是我哪寫的不對?),這時候我是用這樣的辦法解決的:

1、找到原框架的css樣式

,改成自己喜歡的樣式;

2、在html標籤上直接寫樣式(貌似這個寫法不是很推薦,但也是無奈之舉)。

三、在處理非同步結果的時候,改變html會無效,比如說下拉框內容會彈不出來(圖1效果),這時候我選擇用重新整理頁面解決(我發現這個問題是在做登陸功能的時候),ajax登陸成功後就執行重新整理頁面,不然按鈕變成下拉框就沒有下拉了o(╯□╰)o

四、彈出效果不如bootstrap好看

總之,多學個框架總是好的,現在改版基本完成了想看具體效果的可以去看看www.weixh.net

NX二次開發 UI 使用者定義UI(使用)

效果圖 操作如下 nx版本 10.0 第一步 新增乙個檔案輸出控制項 按鈕控制項,儲存一下,建專案 步驟省略 第二步 按照一般步驟新增 hpp cpp 檔案後,會發現hpp標頭檔案裡面有一處是報錯的,這個就是自定義ui控制項的標頭檔案,所以我們需要把自定義 的控制項 hpp cpp 檔案新增過來。主...

多說社會化評論外掛程式使用體驗分享

昨天在訪問友情部落格時,發現博友安裝了多說外掛程式,之前也有所耳聞,但出於是新產品,試了試就沒再繼續使用了,現在由於部落格伺服器速度,評論雖然自己修改 新增了ajax提交,但還是不盡人意,於是就考慮也使用社會化評論系統,再次試用 多說 後感覺很不錯,確實是一套很優雅 很有愛的評論系統,評論介面很用心...

UI裡改善你工作體驗的那些細節

ui設計憑藉良好的就業形勢以及較高的經濟收益,成為現階段較受求職者歡迎的寶藏行業,於是很多小夥伴選擇了零基礎學ui設計。乙個好的ui作品必定有著完善的細節,而且在工作中,一些細節直接影響著我們的工作效率和作品質量。下面合肥學碼思老師和大家分享下ui設計中需要注意的一些細節。一.介面細節 什麼樣的是乙...