uView——uview u-rate 评分组件实现非镂空状态

最新推荐文章于 2025-01-12 22:28:07 发布

dbt@L

最新推荐文章于 2025-01-12 22:28:07 发布

阅读量231

点赞数 2

分类专栏： uView 文章标签： uView

本文链接：https://blog.youkuaiyun.com/qq_43201350/article/details/143406825

版权

uView 专栏收录该内容

14 篇文章

订阅专栏

重点： inactive-icon=“star-fill”

<u-rate
  :count="rateCount"
  v-model="rateValue"
  active-color="#fabd1d"
  inactive-color="#dbdbdb"
  inactive-icon="star-fill"
></u-rate>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dbt@L

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uview实现动态等级评价

qq_50563868的博客

09-08

503

星星评价

Vue-Rate评分组件的相关使用.

name_xy的博客

06-01

979

【代码分享】Vue-Rate评分组件的相关使用.

参与评论您还未登录，请先登录后发表或查看评论

关于uview组件库评分组件＜u-rate＞使用v-model无法动态绑定选中星星的数量问题

weixin_47517731的博客

06-09

2191

查阅源代码后官方已经是绑定了value但是不知道为啥v-model为啥无法绑定值的问题最终自己改成了如下

uview开发中问题记录 - u-rate 不显示

weixin_50805614的博客

02-14

2583

uview开发中问题记录 - u-rate 不显示开发app和微信小程序项目时发现u-rate在微信小程序中显示异常，没能正常渲染，在H5环境下无此问题，开始以为是$uGetRect方法有问题，后来发现为show-decimal-icon这个属性有问题，注释后在微信小程序下恢复正常，show-decimal-icon异常原因待研究。 ...

u-view的使用

qq_59076775的博客

09-01

2957

u-view的基本使用

记录一次u-rate不生效的问题

riluokk的博客

04-27

2886

今天在写一个小程序项目的时候，使用u-rate评分组件时，一直不显示。在测试uView是否正常引入，以及各个的引入是否有错外，在全部排查了之后，任何没有找到解决方案。于是我在想会不会是u-rate组件中的某个属性导致了渲染失败，于是我在查看u-rate组件时，通过排除法发现，由于u-rate中多了一个属性，如下 :show-decimal-icon="showDecimalIcon(index)" 在查阅官方文档时也并未发现该方法的注释，于是我尝试注释掉了之后，评分便恢复正常了 ...

uniapp代码组件的总结

qq_36981190的博客

04-14

6155

这里写目录标题内置组件内置组件 view 视图容器属性说明 1、hover - class 指定按下去的样式类，与class类似，当hover-class = “none”时，没有点击状态效果。 2、hover-stop-propagation 默认值false，指定是否阻止本节点的祖先节点出现点击状态。当给父子级都设置了hover-class,你会发现竟然还是冒泡的，为阻止冒泡，就需要用到hover-stop-propagation属性 3、hover-start-time 按住后多久出现点击状态

uni-rate组件bug

weixin_72329752的博客

05-11

378

当在做答题需求的时候会有评分需求，在左右滑动页面操作时调用uni-rate@change事件每次第一次value值是1。因为我用的是轮播图原理，所以解决方法是判断每次渲染的界面都是当前页面，其他的都隐藏。滑动的时候会计算左边到星星的距离来判断滑到了第几颗星星。

Vue自定义rate组件

最新发布

weixin_54215671的博客

01-12

188

之前使用antDesign Vue中的rate组件,但里面的图标不是我需要的;虽然ant design icon可以自定义图标,但是用了自定义图标,只能制定一种icon,无法改变颜色,实现上述效果.所以我决定从新写一个。

uniapp 微信小程序仿抖音评论区功能，支持展开收起

柑橘乌云_

08-31

6483

最近需要写一个评论区功能，所以打算仿照抖音做一个评论功能，支持展开和收起，首先我们需要对功能做一个拆解，评论区功能，两个模块，一个是发表评论模块，一个是评论展示区。接下来对这两个模块进行详细描述。使用到的技术 uniapp uview2.0 文章最后我会贴上全部源码。

Element Rate 评分的使用方法

10-15

主要介绍了Element Rate 评分的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

uniapp组件-uni-rate评分

03-02

7711

官方示例：https://ext.dcloud.net.cn/plugin?id=33 评分组件多用于商品评价打分、服务态度评价、用户满意度等场景效果图：代码实现： <template> <view> 基本用法(支持滑动手势选择评分):<uni-rate v-model="rateValue" @change="onChange" /> 不支持滑动手势选择评分:<uni-rate :touchable="false" :valu

uniapp评分操作uni-rate

Menqq的博客

01-06

1272

uniapp评分操作uni-rate，常见使用

vue中动态绑定数组

qq_45524754的博客

05-31

3811

1、直接写 <div :class='["active"]'></div> 2、传入值 <div :class='["active",color]'></div> 数组里加单引号会把变量名当做字符串处理，不加时当做变量来处理。这里传入的color是一个变量，可以在data里面定义 data() { return { color: 'blue' } } 动态绑定的class可以和普通的class同时存在。 ...

循环评价+渐变色星星实现功能

weixin_56848461的博客

01-11

619

这次项目使用的是uniapp+uview框架，感觉这个模块可以记录一下，方便以后查看。然后功能就实现了，噢耶。

vue里完成一个简单的评论功能，博客必备

Zwwxd666的博客

07-15

1287

效果展示步骤 1-表单收集输入信息 <div class="commentorInfo"> <div style="position: relative"> <i class="fa fa-user" style="position:absolute;top: 50%;transform: translateY(-50%)transl

Vue 组件支持

m0_58492934的博客

06-15

322

组件是 vue 技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得vue使用者的开发效率大幅提升。uni-app搭建了组件的插件市场，可大幅提升开发者的效率。DCloud 插件市场在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用。可以这个评分组件的使用为例，了解vue组件的使用方式。 2.5.0+版本支持在pages.json内引入组件，详见 uni-app只支持vue单文件组件（.vue 组件）。其他的诸如：动态组件，自定义

UNi-APP多端商品列表瀑布流页商品详情页

菜鸟老五

07-07

2754

简单记录便捷开发

UIView镂空

weixin_33979363的博客

12-13

366

在UIView中镂空其中一块的方法有两种： - (instancetype)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { self.backgroundColor = [UIColor clearColor]; self.opaque...