下午打算尝试封装一个叫 useRequest
的 Hooks,大概思路类似 aHooks 的那种,但又结合了我此前那几个数据包装 Hooks(useStat、useParams)的“弥补”特性,即无数据时可补充一个默认初始值。
晚上研究了下怎么用 CSS 实现 HTML 标签 Marquee 的效果,参考了 这篇回答,获得了一个更棒的方案,采用 padding-left
的百分比形式,这种方案有个问题就是如果嵌套在一个有 padding 的容器里面,并不能 100% 的隐藏起来。我使用了透明的 border,实现了“第二个内间距”的效果,最终完成实现。
blockquote.notice{
padding: 0;
overflow: hidden;
color: #227fb9;
font-style: normal;
white-space: nowrap;
}
blockquote.notice p{
padding-left: 100%;
display: inline-block;
border: 1em solid transparent;
animation: marquee 10s infinite linear;
}
@keyframes marquee{
0% { transform: translateX(0%) }
100% { transform: translateX(-100%) }
}