在我們使用Swiper輪播組件時，再需要考慮到細(xì)節(jié)處理時，比如分頁器、前進(jìn)后退按鈕的顏色是否符合網(wǎng)站整體色調(diào)搭配，我們就需要考慮自定義它們的顏色屬性。在易學(xué)優(yōu)項目中我真正去注意到分頁器及前進(jìn)后退按鈕的自定義顏色樣式。
一、分頁器顏色樣式
1.樣式type:
'bullets’ 圓點（默認(rèn)） ‘fraction’ 分式 ‘progressbar’ 進(jìn)度條 ‘custom’ 自定義
2.顏色自定義
例如：
.swiper-pagination-bullet{width:*; height:*; background:#***;}：默認(rèn)時的顏色
.swiper-pagination-bullet-active{background:#***;}: active選中狀態(tài)的顏色改變. swiper-button-prev的background-image:url(圖片);即可
二、前進(jìn)后退按鈕顏色樣式
swiper中前進(jìn)后退按鈕是為png圖片，我們可以自定義圖片樣式和顏色屬性。
1.如若不使用默認(rèn)箭頭樣式，我們可以更換prev、next圖片
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動護(hù)理系統(tǒng)詳細(xì)流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動護(hù)理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站紅寶書智慧黨建平臺")
