@beeapi/nutui
Version:
一套轻量级移动端Vue组件库
5 lines • 1.22 kB
CSS
/*!
* @beeapi/nutui v2.2.10 - backtop.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
* (c) 2017-2020 JDC
* Released under the MIT License.
*/.nut-backtop{display:none;line-height:0;position:fixed;cursor:pointer;bottom:20px;right:10px;z-index:1111}.nut-backtop.show{display:block}.nut-backtop-main{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:38px;height:38px;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 39'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M1.41 0C.63 0 0 .672 0 1.5S.63 3 1.41 3h28.18C30.37 3 31 2.328 31 1.5S30.369 0 29.59 0H1.41zM17 7.5a1.5 1.5 0 00-3 0v30a1.5 1.5 0 103 0v-30zm-8.56 4.94l-8 8a1.5 1.5 0 102.12 2.12l8-8a1.5 1.5 0 10-2.12-2.12z'/%3E%3Cpath d='M16.56 6.44l14 14a1.5 1.5 0 11-2.12 2.12l-14-14a1.5 1.5 0 112.12-2.12z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;background-size:20px 20px;-webkit-border-radius:50%;border-radius:50%;border:2px solid hsla(0,0%,70.6%,.5);-webkit-box-shadow:0 0 2px 3px hsla(0,0%,86.3%,.1);box-shadow:0 0 2px 3px hsla(0,0%,86.3%,.1)}.nut-backtop i{color:#fff;font-size:24px;padding:8px 12px;line-height:0}