搜索并显示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">
<