手册版本 V3.0

组件名称

graceScroll : /graceUI/组件目录/graceScroll

graceScroll 组件原理

1、普通版本 
利用 css 动画循环滚动公告元素;
.grace-scrolling{animation:graceScrollingx 12s linear infinite;}
@keyframes graceScrollingx{ 0% { transform: translateX(100%); } 100% { transform: translateX(-200%); }}
2、nvue 版本利用 marginleft 动画实现

实际项目请参考此组件改进即可;

普通版本组件插槽

请在插槽内放置需要滚动的元素即可；

nvue 版本组件属性

msg : { type : String, default : "" } // 消息内容
fontSize : { type : String, default : "26rpx"} // 文本大小
color : { type : String, default : "#333333" } // 文本颜色
fontWeight : { type : String, default : "" }// 文本是否加粗

演示代码