效果
van-index-bar组件地址:https://youzan.github.io/vant-weapp/#/index-bar
ps:这儿的页面效果和vant weapp组件上不一样,是因为当时引用该组件的时候样式就出了问题,索性我就修改了样式

修改的样式
index-anchor组件下的index.wxss文件:
只需要注释掉那一行代码就可以

index.wpy
ps:此处页面上的代码也和vant weapp上不一样。当时我是照着vant写的,结果一直没出来,心塞。但又因为项目需要,所以我就去看了van-index-bar的源码,才明白要这样做。
<template>
<van-index-bar index-list="{
{ firstLetter }}" scroll-top="{
{ scrollTop }}">
<van-index-anchor wx:for="{
{citys}}" wx:key="index" index="{
{item.firstName}}" use-slot="{
vant weapp 实现自定义城市列表的van-index-bar

本文介绍了如何使用van-index-bar组件创建城市列表选择功能。通过修改index-anchor组件的样式和调整index.wpy、index.js的代码来适应项目需求。文章还提到了遇到的问题及解决方法,提供了数据格式示例。
最低0.47元/天 解锁文章
613





