根据页面的实现,页面分为两大节点,滚动视图区域和定位标签
<scroll-view>......</<scroll-view> //这里面写页面的其他所有内容
<view>......</view> //这里面写快速定位的A/B/C/D...
<scroll-view>根据页面又分为三层,搜索框层,热门城市层,按照字母排序的所有城市层,按照个人需求去实现
接下来讲如何实现锚点的定点跳跃,scroll-view的属性scroll-into-view用来定义scroll-view滚动到哪个区域显示,所以每块以字母开头的城市列表区域的id与scroll-into-view的值是绑定关系,而定位的标签用来改变scroll-into-view的值
实现步骤:
1. scroll-view 设置属性
scroll-y=‘true’运行其竖向滚动,scroll-with-animation=‘true’显示滚动动画,scroll-into-view与变量toView绑定。
2.定义好每一个需要被快速定位的区域的ID名,如下的 inToViewFind、inToViewhot、inToViewA、inToViewB、inToViewC......
3.将定位标签A/B/C/D...绑定好点击事件bindtap='scrollToViewFn'
在methods里面写好该点击事件
scrollToViewFn(e) {
var _id = e.target.dataset.id
this.toView='inToView' + _id
this.$apply()
}
4.将变量toView初始化为inToViewFind
在data里面初始化toView的值
data ={
toView:'inToViewFind'
}
这样便可以实现html里面a标签的锚点跳跃的功能
只有用户再打开你的小程序之后,选择了让小程序读取用户信息,即可在后台看到用户的微信ID:
1.首先登录微信公众平台,点“设置”。
2.你需要的信息都在这里。
3.微信原始账号(公众号原始id)的获取方法。
微信二维码登陆:
微信推出网页版后,在网页版中,不再使用传统的用户名密码登陆,而是使用手机扫描二维码登陆的方式。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)