Query CSS 類
jQuery Mobile CSS 類來設置不同元素的樣式。
以下列表包含了通用的 CSS 樣式:
全局類
以下類可以在 jQuery Mobile 小工具中使用 (按鈕,工具條,面板,表格,列表等。):
Class | 描述 |
---|---|
ui-corner-all | 為元素添加圓角 |
ui-shadow | 為元素添加陰影 |
ui-overlay-shadow | 為元素添加多層陰影 |
ui-mini | 讓元素變小 |
按鈕類
除了全局類外,你可以向 <a> 或 <button> 元素添加以下類 (不是 <input> 按鈕):
Class | 描述 |
---|---|
ui-btn | 添加在 <a> 元素上并以按鈕形式展示 |
ui-btn-inline | 在同一行上顯示按鈕 |
ui-btn-icon-top | 定位圖標在按鈕文本之上 |
ui-btn-icon-right | 定位圖標在按鈕文本的右邊 |
ui-btn-icon-bottom | 定位圖標在按鈕文本之下 |
ui-btn-icon-left | 定位圖標在按鈕文本的左邊 |
ui-btn-icon-notext | 只顯示圖標 |
ui-btn-a|b | 指定按鈕演示。"a" 是默認的 (灰色背景黑色文本樣式), "b" 修改顏色為黑色背景白色文本 |
圖標類
所有可用圖片的類用在 <a> 和 <button> 元素上 (查看 jQuery Mobile 圖標參考手冊 了解如何在其他元素上使用):
Class | 圖標描述 | 圖標 | ||
---|---|---|---|---|
ui-icon-action | 動作 (一般用于頁面跳轉切換) | |||
ui-icon-alert | 三角形內的感嘆號 | |||
ui-icon-audio | 音響/音箱 | |||
ui-icon-arrow-d-l | 左下角箭頭 | |||
ui-icon-arrow-d-r | 右下角箭頭 | |||
ui-icon-arrow-u-l | 左上角箭頭 | |||
ui-icon-arrow-u-r | 右上角箭頭 | |||
ui-icon-arrow-l | 左角箭頭 | |||
ui-icon-arrow-r | 右角箭頭 | |||
ui-icon-arrow-u | 向上箭頭 | |||
ui-icon-arrow-d | 向下箭頭 | |||
ui-icon-back | 返回 | |||
ui-icon-bars | 三條水平線,一般用于展示列表按鈕圖標 | |||
ui-icon-bullets | 用于展示列表按鈕圖標 | |||
ui-icon-calendar | 日歷 | |||
ui-icon-camera | 相機 | |||
ui-icon-carat-d | 向下滑動圖標 | |||
ui-icon-carat-l | 向左滑動圖標 | |||
ui-icon-carat-r | 向右滑動圖標 | |||
ui-icon-carat-u | 向上滑動圖標 | |||
ui-icon-check | 勾選 | |||
ui-icon-clock | 鬧鐘 | |||
ui-icon-cloud | 云 | |||
ui-icon-comment | 評論 / 消息 | |||
ui-icon-delete | 刪除 | |||
ui-icon-edit | 編輯 / 鉛筆 | |||
ui-icon-eye | 眼睛 | |||
ui-icon-forbidden | 禁用標識 sign | |||
ui-icon-forward | 撤銷 - (返回上一步) | |||
ui-icon-gear | 齒輪,一般用于設置按鈕圖標 | |||
ui-icon-grid | 網(wǎng)格 | |||
ui-icon-heart | 心型,可用于文章收藏 | |||
ui-icon-home | 主頁 | |||
ui-icon-info | 信息 | |||
ui-icon-location | 定位 | |||
ui-icon-lock | 鎖 | |||
ui-icon-mail | 郵件 / 信封 | |||
ui-icon-minus | 減號 | |||
ui-icon-navigation | 導航 | |||
ui-icon-phone | 電話 | |||
ui-icon-power | 開關 (On/off) | |||
ui-icon-plus | 加號 | |||
ui-icon-recycle | 循環(huán) 標識 | |||
ui-icon-refresh | 刷新 | |||
ui-icon-search | 搜索 / 放大鏡 | |||
ui-icon-shop | 商店/購物袋 | |||
ui-icon-star | 星號 | |||
ui-icon-tag | 標簽 | |||
ui-icon-user | 用戶 / 人物 | |||
ui-icon-video | 視頻 / 相機 |
Class | 描述 |
---|---|
ui-bar-(a-z) | 指定欄目演示 - 頭部,底部及其他欄目 |
ui-body-(a-z) | 指定內容塊的顏色 - 頁面內容部分 ( 1.4.0 版本已廢棄), 列表視圖, 彈窗, 側欄,面板,加載,折疊。 |
ui-btn-(a-z) | 指定按鈕顏色 |
ui-group-theme-(a-z) | 定義了控制組的演示 listviews 和 collapsible 集合。 |
ui-overlay-(a-z) | 定義了頁面背景顏色,包括對話框,彈窗和其他出現(xiàn)在最頂層的頁面容器 |
ui-page-theme-(a-z) | 定義了頁面演示 |
網(wǎng)格類
網(wǎng)格中的列是等寬的(合計是 100%),沒有邊框、背景、margin 或 padding。 這里有四種布局網(wǎng)格可供使用:
網(wǎng)格類 | 列 | 列寬 | 對應 | 實例 |
---|---|---|---|---|
ui-grid-solo | 1 | 100% | ui-block-a | 嘗試一下 |
插電混動汽車,作為純電技術與傳統(tǒng)燃油技術的結合,這項技術旨在為用戶提供更多樣的駕駛選擇與用車場景、還可以提供純電駕駛的體驗。但當電量耗盡,車輛的行駛性能和油耗會發(fā)生怎樣的變化?這種差異是否會影響用戶的駕駛體驗和經(jīng)濟效益呢?結合廣汽本田第五屆極限挑戰(zhàn)中,插電混動旗艦雙子星的成績,分享你的看法?
在新能源車中,插電混動車是一個獨特的存在,他不同于純電動汽車,跟燃油車也有一定的區(qū)別,那么插電混動汽車有哪些優(yōu)點和缺點。
插電混動汽車有三大優(yōu)點:
1、沒有續(xù)航焦慮。
純電動汽車有續(xù)航焦慮,只適合在城市中行駛,在高速上比較少見,這是因為高速公路上的充電樁比較少,而且還不發(fā)達,純電動車跑高速總是擔心沒電了,跑長途也是如此,車主就會很焦慮。
插電混動汽車一般是兩套動力系統(tǒng),一套是燃油系列,一套是電動系統(tǒng),兩套系統(tǒng)可以同時工作,也可以單獨工作。
在城市中行駛,插電混動汽車可以用純電行駛,在高速公路上行駛,插電混動汽車可以用燃油行駛,插電混動汽車同時具備了燃油車的持久性和純電動汽車的便利性,是兩者之間的一個過渡性產(chǎn)品。
插電混動車沒有續(xù)航焦慮
插電混動汽車沒有續(xù)航焦慮,既可以跑短途,也可以跑長途,還支持外放電,當你在野外自駕游時,你的車還能成為戶外電源,供你煮飯、吃電火鍋、電燒烤,是不是很酷?
2、省油。
跟純電車比,混動車油耗肯定高,但跟燃油車比,混動車油耗明顯低多了。以我自己的哈弗H6 DHT-PHEV為例,在家里裝了充電樁,選擇凌晨充電,一度電5毛,電池容易是19.9度電,充滿電要10塊錢,可以跑100公里。
算起來一公里只要一毛錢,天天在城市上下班開,可以開4~5天,如果不跑長途,可以一直用電,根本不用加油,上次加了200塊錢,幾個月時間還在,根本用不到。
3、環(huán)保,動力強,能掛綠牌。
國家的環(huán)保標準越來越嚴格,國6B剛剛執(zhí)行,用不了兩年,國7標準也會到來,這對燃油車來說,是一道緊箍咒,雖然能繼續(xù)上路,但有諸多限制,燃油車所能符合的環(huán)保標準太低了的話,有些大城市都進不去了。
環(huán)保標準嚴了,有些不達標的燃油車都沒法銷售了,也沒法過戶了,影響很大,但是,環(huán)保標準并不影響插電混動車,因為插電混動汽車能掛綠牌。
像北上廣深這樣的一線大城市,嚴格控制燃油車上牌,你能買車但上不了牌照,但是電動汽車卻不受影響,在政策引導下,很多消費者把眼光投入了新能源車,混動汽車符合環(huán)保要求,能上綠牌,得到很多消費者的喜愛。
插電混動汽車也有三大缺點:
1、電池容量偏小,經(jīng)常要充電。
一般來說,混動車的電池容量沒有純電動汽車大,續(xù)航里程就短,以哈弗H6 DHT-PHEV為例,19.9度電的電池續(xù)航里程是110公里,實際續(xù)航里程是100公里。
如果你一天開20公里,能跑5天,那就4~5天充一次電,如果你一天開50公里,只能跑2天,那就是1~2天充一次電。
2、更換電池昂貴。
混動汽車是必須要有電池的,沒有電池汽車開不了,這是設計好的系統(tǒng),當你的電池壽命達到之后,就需要更換電池,更換電池的費用是2~5萬元,這個費用是比較高的,目前新能源車大多還處于使用過程中,更換電池的情況較少,等到將來大規(guī)模更換電池時,就知道具體的費用了。
3、車價比同級別車高。
同級別的混動車比燃油車貴了4萬元左右,有人說4萬元可以加多少油,混動車省的油都不夠車價貴,需要注意,新能源車目前沒有購置稅,按落地價算的話,相差不到3萬元左右,然后兩者之間的駕駛感受是完全不同的,開過電動車的人對此深有體會。
----------------------------------------------------------------------------------------------------
接下來就是每文最后的前端小知識分享,因為博主是前端出身,這也算是福利吧,每文最后加個前端的小知識:
今天跟大家說的是如何在html中引入html:
目前已知的方法有三個;
1.配置tomcat來實現(xiàn),需要后臺進行配合,修改本地和線上的tomcat的配置,才能使用該方式
<!--#include virtual="/html/gycphlk/setTab.html" -->
2.使用jquery的load方式來實現(xiàn),可行性需要完成測試后商榷(頁面之間數(shù)據(jù)傳輸是否可行)
3.通過iframe的引入
*請認真填寫需求信息,我們會在24小時內與您取得聯(lián)系。