微信小程序由于适用性强、逻辑简要、开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票、外卖点餐、移动商城、生活服务等场景服务提供商迅速切入了。 为了贴合实际的应用情况,本篇以豆瓣评分小程序为参考样例,边做边学小程序的入门开发知识 ...
首先给大家看看做好的效果图: 一 接下来我们说一下评分这个功能: 实际上就是一个简单的js,首先我们遍历出小星星,此时默认给的五星好评,在给他们一个点击事件,当点击时,我们获取到当前点击的是第几颗 代码如下: var index e.currentTarget.dataset.index 获取当前点击的是第几颗星星 接下来我们暂存星星的数组,获取星星数组的长度,代码如下: var tempUser ...
2019-05-24 11:12 0 2768 推荐指数:
微信小程序由于适用性强、逻辑简要、开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票、外卖点餐、移动商城、生活服务等场景服务提供商迅速切入了。 为了贴合实际的应用情况,本篇以豆瓣评分小程序为参考样例,边做边学小程序的入门开发知识 ...
1.假设加载的数据为 2.wxml 注意:wxss为weui 3.js ...
一、setData 小程序页面加载渲染时是通过获取js文件中Page里面初始化数据data来进行渲染。 js: /** * 页面的初始数据 */ data: { name ...
1. 对非首页,使用 getCurrentPages 函数获取当前页面栈 2. 对首页,通过在 data 中定义标记变量,判断页面是否从其他页面返回 ...
1、微信小程序条件渲染(wx:if):使用wx:if={{Boolean}}来判断是否需要渲染该代码块,使用wx:elif和wx:eise来渲染else块 2、微信小程序多组件条件渲染(block wx:if):使用<block wx:if="{{Boolean ...
说明:头部有一个三种预约状态的切换 wxml页面: <!-- 切换栏 --> <view class="swiper-tab"> ...
【未经允许,请勿以任何形式转载】 什么是路由? 我们通常理解的路由指分组数据包从源到目的地时,决定端到端路径的网络范围的进程; 借用上面的定义,我们可以理解小程序页面路由,根据路由规则(路径)从一个页面跳转到另一个页面的的规则。 通过本篇文章,你可以学习到: 哪些情况会触发 ...
思路:在个人中心页面,首先判断全局的 app.js 里面的 globalData 里面的 is_login 状态,并且判断 缓存数据中的 is_login 状态,如果都为真,就正常显示,如果有一个为假,就要到登录页面进行登录。 具体代码示例: app.js: 登录页面 ...