加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序评分功能开发实例

发布时间:2020-12-14 20:27:20 所属栏目:资源 来源:网络整理
导读:很多做过电商项目的朋友会经常用到评分的功能,我这里正好写了一个例子,发出来分享一下: 我写的是5分满分制的,首先,准备3个图片 像这样的,分别代表分数为0,0.5,1 时的状态。 效果图:(以3.5为例) 然后上代码: js: WXML代码: {{item.pingfen}} 使

很多做过电商项目的朋友会经常用到评分的功能,我这里正好写了一个例子,发出来分享一下:

我写的是5分满分制的,首先,准备3个图片

像这样的,分别代表分数为0,0.5,1 时的状态。

效果图:(以3.5为例)

然后上代码:

js:

WXML代码:

 
 
 
 {{item.pingfen}}

使用这个功能的页面的JS代码,这里我是通过在后台获取的评分值,然后把值用图片代表,将图片的排列路径保存起来,然后页面渲染的时候调用这个变量就可以实现这个功能。

如果你仅仅想先看一下例子,那么使用这个功能的页面的JS这么写(上面的WXML中的item.pingxinpic变为pingxinpic、供引用的JS不变):

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读