GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时，请先进行重新编译，重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~
graceScroll 组件原理
1、普通版本
利用 css 动画循环滚动公告元素;
.grace-scrolling{animation:graceScrollingx 12s linear infinite;}
@keyframes graceScrollingx{ 0% { transform: translateX(100%); } 100% { transform: translateX(-200%); }}
2、weex 版本利用 marginleft 动画实现实际项目请参考此组件改进即可;
普通版本组件插槽
请在插槽内放置需要滚动的元素即可；
weex 版本组件属性
msg : { type : String, default : "" } // 消息内容
fontSize : { type : String, default : "26rpx"} // 文本大小
color : { type : String, default : "#333333" } // 文本颜色
fontWeight : { type : String, default : "" }// 文本是否加粗演示代码