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 無法實現 同機房優先策略 背景 為了提高應用的穩定性和容災能力,伺服器都是多機房甚至異地機房部署。但多機房造成的問題就是 不同機房間延時不同 目前方案是...