官方公告

官方公告

最新动态,版本发布
开发讨论

开发讨论

与前端大神一起探索
技术分享

技术分享

你的开发加油站
问题反馈

问题反馈

非常抱歉,AUI会有一些bug,感谢反馈给我们

AUI中实现用百分比控制显示星星分数

技术分享流浪男 发表了文章 • 1 个评论 • 866 次浏览 • 2016-05-23 14:41 • 来自相关话题

在很多app种项目中,经常会出现用星星来显示评分值,计算出来的评分值可能带有小数,那么在AUI中如何实现这种展示方式呢?
css样式
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
.stars span:before,
.stars:before{
content:"\e64b\e64b\e64b\e64b\e64b"
}
.stars {
position: relative;
display: inline-block;
color: #ccc;
}
.stars span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
color: #ffc30c;
white-space: nowrap;
}html文件
<div class="stars aui-iconfont"><span style="width:28%;"></span></div><Br/>
<div class="stars aui-iconfont"><span style="width:53%;"></span></div><Br/>
<div class="stars aui-iconfont"><span style="width:70%;"></span></div><Br/>
<div class="stars aui-iconfont"><span style="width:100%;"></span></div>




  查看全部
在很多app种项目中,经常会出现用星星来显示评分值,计算出来的评分值可能带有小数,那么在AUI中如何实现这种展示方式呢?
css样式
<link rel="stylesheet" type="text/css" href="../css/aui.css" />
.stars span:before,
.stars:before{
content:"\e64b\e64b\e64b\e64b\e64b"
}
.stars {
position: relative;
display: inline-block;
color: #ccc;
}
.stars span {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
color: #ffc30c;
white-space: nowrap;
}
html文件
<div class="stars aui-iconfont"><span style="width:28%;"></span></div><Br/>
<div class="stars aui-iconfont"><span style="width:53%;"></span></div><Br/>
<div class="stars aui-iconfont"><span style="width:70%;"></span></div><Br/>
<div class="stars aui-iconfont"><span style="width:100%;"></span></div>

QQ20160523-2@2x.png

 

手风琴展不开

问题反馈匿名用户 回复了问题 • 4 人关注 • 4 个回复 • 604 次浏览 • 2016-05-22 13:31 • 来自相关话题

各位大神我这个底部导航怎么出不来啊,aui.css路径没错的啊

开发讨论mzx1987mzx 回复了问题 • 2 人关注 • 1 个回复 • 469 次浏览 • 2016-05-19 14:45 • 来自相关话题

【通讯录】问题

回复

问题反馈bughp 发起了问题 • 1 人关注 • 0 个回复 • 393 次浏览 • 2016-05-16 23:55 • 来自相关话题

tabs控件能不能在每个标题里面加个图标

回复

开发讨论kiddkyd 发起了问题 • 1 人关注 • 0 个回复 • 563 次浏览 • 2016-05-14 22:03 • 来自相关话题

谁有这个API啊,新人想学习,找不到API

回复

开发讨论as493683987 发起了问题 • 1 人关注 • 0 个回复 • 475 次浏览 • 2016-05-13 23:12 • 来自相关话题

用auicss和apicloud写的软件可以申请版权登记么?

回复

开发讨论zhuzhu508 发起了问题 • 1 人关注 • 0 个回复 • 504 次浏览 • 2016-05-13 12:07 • 来自相关话题

底部导航栏,因为华为手机底部有虚拟导航键盘,导致出现空白,怎么解决?

开发讨论zm1408 发表了文章 • 0 个评论 • 764 次浏览 • 2016-05-12 09:51 • 来自相关话题

底部导航栏,因为华为手机底部有虚拟导航键盘,导致出现空白,怎么解决?










 
底部导航栏,因为华为手机底部有虚拟导航键盘,导致出现空白,怎么解决?

IMG_20160512_094817.png


Screenshot_2016-05-12-09-32-41.png

 

右滑出现的按钮上加入点击事件 应该怎么加?

回复

问题反馈田东生活网 发起了问题 • 1 人关注 • 0 个回复 • 546 次浏览 • 2016-05-11 11:49 • 来自相关话题

header中tapmode无效

问题反馈mzx1987mzx 回复了问题 • 2 人关注 • 1 个回复 • 393 次浏览 • 2016-05-10 21:58 • 来自相关话题

建议开发一个阅读器

回复

开发讨论mzx1987mzx 发起了问题 • 1 人关注 • 0 个回复 • 456 次浏览 • 2016-05-10 15:15 • 来自相关话题

建议日历有多选功能

回复

开发讨论suzhucheng 发起了问题 • 1 人关注 • 0 个回复 • 467 次浏览 • 2016-05-08 22:47 • 来自相关话题

建议增加无限滚动功能

开发讨论huyii100 回复了问题 • 2 人关注 • 1 个回复 • 616 次浏览 • 2016-05-06 09:10 • 来自相关话题

demo 中模板--案例:表单样式--获取验证码的地方有错误

问题反馈yzcool 回复了问题 • 2 人关注 • 1 个回复 • 592 次浏览 • 2016-05-06 07:31 • 来自相关话题