小程序实现展示通讯录数据和单选

最新推荐文章于 2022-12-07 17:16:40 发布

原创

最新推荐文章于 2022-12-07 17:16:40 发布 · 300 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#列表

这篇博客介绍了如何在小程序中利用 vant-weapp 插件实现通讯录数据的列表展示，并结合Radio单选框进行交互操作。内容包括接口数据的获取、公司列表数据的HTML渲染，以及点击字母导航栏实现页面定位的功能。CSS部分则关注于界面样式的设计。

在这里插入图片描述

Html

      <view class="search-Popup" style='top:{
      
      {
      
      getSystemInfo.statusBarHeight + 46}}px' hidden='{
    
    {!showCompany}}'>
        <view class="customer_toolbar">
          <view class="customer_cancel" bindtap="companyCancel">取消</view>
          <view class="customer_sure" bindtap="companySure" wx:if="{
    
    {myCustomerList.length!=0}}">确认</view>
        </view>
        <scroll-view scroll-y='true' bindscrolltolower="loadMoreGoods" scroll-into-view="{
    
    {scrollInto