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