本文实例讲述了微信小程序开发实现的IP地址查询功能。分享给大家供大家参考,具体如下:
微信小程序开发参考,,https://mp.weixin.qq.com/debug/wxadoc/dev/component/
<强> search.wxml
& lt;视图类=叭萜鳌北?
& lt;视图类=皃age-body”比;
& lt;视图类=" weui-search-bar {{searchFocusCss}} " id=皊earchBar”比;
& lt;视图类=皐eui-search-bar__form”比;
& lt;视图类=皐eui-search-bar__box”比;
& lt;图标类=" weui-icon-search "祝辞& lt;/icon>
& lt;输入类型=拔谋尽眂lass=" weui-search-bar__input " id=皊earchInput”占位符=笆淙隝P”confirm-type=八阉鳌眀indinput=癰indKeyInput bindconfirm=皊earchSubmit”价值=" https://www.yisu.com/zixun/{{searchValue}}“专注="{{专注}}"/比;
& lt; a href=" javascript:“rel=巴獠縩ofollow”class=" weui-icon-clear " id=" searchClear " bindtap=皊earchClearClick祝辞& lt;/a>
& lt;/view>
& lt;视图类=" weui-search-bar__label " id=" searchText " bindtap=皊earchTextClick”比;
& lt;图标类=" weui-icon-search "祝辞& lt;/icon>
& lt;视图类=" weui-search-bar__label_span "祝辞搜索(8.8.8.8)& lt;/view>
& lt;/view>
& lt;/view>
& lt;视图类=" weui-search-bar__cancel-btn " id=" searchCancel " bindtap=皊earchCancelClick祝辞取消& lt;/view>
& lt;/view>
& lt;/view>
& lt;视图类=" page部分"比;
& lt;视图类=皃age-section-title”比;
& lt; text>查询结果& lt;/text>
& lt;/view>
& lt;视图类=皃age-section-spacing”比;
& lt;滚动视图scroll-y=" true " class=" ip-scroll " bindscrolltoupper=吧喜恪眀indscrolltolower=暗汀眀indscroll=肮龆眘croll-into-view="{{要查看}}" scroll-top=皗{scrollTop}}”比;
& lt;视图类=皊croll-view-item”比;
& lt;视图类=皏iew-item-ip”比;{{r.ip}} & lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.continent}} & lt;/text>
& lt;/view>
& lt;视图类=皐eui-cell__ft”在大洲& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.country}} & lt;/text>
& lt;/view>
& lt;视图类=皐eui-cell__ft”在国家& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.province}} & lt;/text>
& lt;/view>
& lt;视图类=皐eui-cell__ft”在省份& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.city}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "祝辞城市& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.district}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "在县区& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.isp}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "祝辞运营商& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.areacode}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "祝辞行政区划& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.en}} & lt;/text>
& lt;/view>
& lt;视图类=皐eui-cell__ft”在国家英文& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.cc}} & lt;/text>
& lt;/view>
& lt;视图类=皐eui-cell__ft”在国家缩写& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.lng}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "祝辞经度& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.lat}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "祝辞纬度& lt;/view>
& lt;/view>
& lt;视图类=皐eui-cell”比;
& lt;视图类=皐eui-cell__bd”比;
& lt; text> {{r.version}} & lt;/text>
& lt;/view>
& lt;视图类=" weui-cell__ft "祝辞版本& lt;/view>
& lt;/view>
& lt;/scroll-view>
& lt;视图类=" ip-tip "祝辞滚动查看内容& lt;/view>
& lt;/view>
& lt;/view>
& lt;/view>
