29 位址列表

2021-09-20 01:27:12 字數 1272 閱讀 8916

ok,這章講下位址列表,我們使用有vant元件來快速完成這部分的功能。

位址列表

(1)首先我們在main.js中引入並註冊這個元件。

main.js中註冊及引入

(2)然後我們再去頁面中使用這個元件

使用addresslist元件

位址列表初步呈現效果

(1)關於顏色的改變前面在做輪播圖的時候我們已經處理過,當時我們的解決方法是用在開發中工具中找到它的class類名,然後我們使用vue的穿透選擇器改變這個類名的基本樣式,從而實現樣式的覆蓋。

(2)這裡我們說另一種更好方法

vant提供了一套預設主題,css 命名採用 bem 的風格,方便使用者覆蓋樣式。

(3)ok,到這裡我們就要改變這個元件的樣式,怎麼做?

f12開發者工具

override.css的內容

main.js中引入override.css

這就是我們的位址列表了基本結構了,借助vant的addresslist元件,我們可以快速的完成位址列表的功能;其次就是改變主題的顏色了,你也可以自己去官網看看其他的方法,也可以自己定製一套,大家感興趣就自己去折騰了。

參考學習

有讚vant元件庫的引入

addresslist位址列表

css bem 書寫規範

如何看待 css 中 bem 的命名方式?

2010 10 13 位址列傳中文字元

2010.10.13 位址列傳中文字元 習慣用get方法傳參 但是有時候 如果是引數時中文的話 就會出問題了 解決分兩步 b 1.前台html b window.location.replace encodeuri updatezljdba before.action?zljdbm zljdbm 用...

DNS位址列表

阿里 dns url ipv4 223.5.5.5 223.6.6.6 ipv6 2400 3200 1 2400 3200 baba 1 url ipv4 180.76.76.76 ipv6 2400 da00 6666 360 dns 電信 101.226.4.6 聯通 123.125.81.6...

伺服器位址列表

客戶端連線zk集群時,如何從伺服器列表中選擇?利用collections.shuffle 將伺服器列表隨機打亂,組成環形陣列,然後依次選擇 問題1 無法實現 同機房優先策略 背景 為了提高應用的穩定性和容災能力,伺服器都是多機房甚至異地機房部署。但多機房造成的問題就是 不同機房間延時不同 目前方案是...