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

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

WSH_M

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

阅读量247

点赞数

文章标签：列表

本文链接：https://blog.csdn.net/WSH_M/article/details/116258779

版权

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

摘要由CSDN通过智能技术生成

在这里插入图片描述

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="{
    {scrollIntoView}}