微信小程序搜索wifi列表

搜索并显示wifi列表

代码

wxss

.scroll-view_list{
   
  width: 100%;
  height: 700rpx;
}
.view_tupian_wenzi {
   
  width: 450rpx;
  height: 100rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  
  /* 圆角 */
  border-radius: 20rpx;

  /* 边 */
  border: 3rpx solid #E0E3DA;
  box-shadow:5rpx 5rpx 5rpx 5rpx #E0E3DA;

  background-color: #ffffff;
  margin: 10rpx;

  /* padding使得文字和图片不至于贴着边框 */
  padding: 30rpx;

}

/* 包裹两行文字 */

.view_wenzi2 {
   
  width: 100%;
  margin-left: 25rpx;
  display: flex;
  flex-direction: column;
}

/* 小字 */

.text_small {
   
  font-size: 30rpx;
  word-break: break-all;
  color: #7a7878;
  margin-top: 10rpx
}

.
.
.
.
.
.
.
.
wxml

<view class="container">
  <button bindtap="bt_getwifi">获取wifi列表</button>

  <!-- 弹出列表 -->
  <modal hidden="{
   {!hiddenmodalList}}" title="扫描结果" bindconfirm="modalCancle" no-cancel="false" confirmText="取消">
    <!-- wifi列表 begin -->
    <scroll-view class="scroll-view_list" scroll-y="true">
      <block wx:for="{
   {wifiList}}" wx:key="index"