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

微信小程序--发表评价满意度

发布时间:2020-12-14 19:19:41 所属栏目:资源 来源:网络整理
导读:话不多说,我们来看一下效果图: 要实现的效果:点击到第几颗星,就要显示到第几颗星, 接下来直接查看源码: view class = "l-evalbox row" text "l-evaltxt" 满意度: /text "l-evalist flex-1" bindtap "chooseicon" icon "{{tabArr.curHdIndex '0'? 'cur

话不多说,我们来看一下效果图:

要实现的效果:点击到第几颗星,就要显示到第几颗星,

接下来直接查看源码:

  1. <view class="l-evalbox row">
  2. <text"l-evaltxt">满意度:</text>
  3. <icon"{{tabArr.curHdIndex >'0'? 'cur icon' : 'icon'}}" data-id="1"></icon>
  4. </icon>
  5. </icon>
  6. </icon>
  7. </icon>
  8. </view>

css如下:

.l-evalbox{
  • padding03%;
  • background #FFF;
  • }
  • width120rpx;
  • fontsize26rpx;
  • }
  • position -77rpx 246rpx;
  • right30rpx;
  • cur{
  • :lastchild{
  • js代码如下:

  • _obj={};
  • thissetData({
  • });
  • 这样效果显示如下:

    (编辑:李大同)

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

    • 推荐文章
        热点阅读