下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
【移动应用开发技术】微信小程序中怎么实现五星评价功能
这篇文章主要介绍微信小程序中怎么实现五星评价功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!微信小程序五星评价功能话不多说,我们来看一下效果图:要实现的效果:点击到第几颗星,就要显示到第几颗星,接下来直接查看源码:<view
class="l-evalbox
row">
<text
class="l-evaltxt">满意度:</text>
<view
class="l-evalist
flex-1"
bindtap="chooseicon">
<icon
class="{{tabArr.curHdIndex
>'0'?
'cur
icon'
:
'icon'}}"
data-id="1"></icon>
<icon
class="{{tabArr.curHdIndex
>'1'?
'cur
icon'
:
'icon'}}"
data-id="2"></icon>
<icon
class="{{tabArr.curHdIndex
>'2'?
'cur
icon'
:
'icon'}}"
data-id="3"></icon>
<icon
class="{{tabArr.curHdIndex
>'3'?
'cur
icon'
:
'icon'}}"
data-id="4"></icon>
<icon
class="{{tabArr.curHdIndex
>'4'?
'cur
icon'
:
'icon'}}"
data-id="5"></icon>
</view>
</view>css如下:.l-evalbox{
height:
100rpx;
padding:
0
3%;
margin-top:
10rpx;
background:
#FFF;
line-height:
100rpx;
}
.l-evaltxt{
width:
120rpx;
display:
block;
font-size:
26rpx;
color:
#666666;
}
.l-evalist
.icon{
background-position:
-77rpx
-246rpx;
width:
40rpx;
height:
43rpx;
margin-right:
30rpx;
}
.l-evalist
.cur{
background-position:
-128rpx
-246rpx;
}
.l-evalist
.icon:last-child{
margin:
0;
}js代码如下:chooseicon:function(e){
var
strnumber=e.target.dataset.id;
var
_obj={};
_obj.curHdIndex=strnumber;
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 物业小区防汛应急预案(14篇)
- 影子培训总结15篇
- 领导证婚人婚礼致辞汇编(14篇)
- 新教材高考地理二轮专题复习单元综合提升练6人口城市及城市辐射含答案
- 丰城中学2024-2025学年上学期初三创新班期中考试生物试卷
- 人教版高中语文高一上册期末复习-字音强化训练(解析版)
- 试验检测技术服务合同2024年
- 2024年版二手车转让协议参考
- 劳动合同终止操作流程
- 里程表的课程设计
- 眼视光学专业解析
- 微信小程序的品牌营销渠道与策略研究
- 作业岗位风险评估报告
- 幼儿园公开课:小班社会《小熊你好》课件
- 某三甲医院后勤保障管理制度汇编2023版
- pep小学英语三年级上册全册英语电子教案
- Unit+5+Understanding+ideas高中英语外研版(2019)选择性必修第一册
- 晾晒棚施工方案
- 预防校园欺凌法治知识竞答题库及答案
- 新课标下的高中历史教学 课件
- 霉菌性阴道炎护理
评论
0/150
提交评论