123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- /* dispatcher/pages/sweeped_books/sweeped_books.wxss */
- @import '../../../templates/loading/loading.wxss';
- @import '../../../templates/nodata/nodata.wxss';
- .list-title {
- margin: 20rpx auto;
- }
- .list-title-black {
- font-size: 36rpx;
- color: rgb(37, 36, 36);
- margin: 30rpx 30rpx 30rpx 0rpx;
- font-weight:700;
- }
- .list-title-gray {
- font-size: 30rpx;
- color: rgba(153, 153, 153, 1);
- }
- .li {
- display: flex;
- justify-content: flex-start;
- align-items: flex-start;
- margin: 0 auto;
- padding: 0;
- }
- .li-box {
- position: relative;
- min-height: 158rpx;
- }
- .li-img {
- position: absolute;
- top: 20rpx;
- left: 0;
- width: 88rpx;
- height: 88rpx;
- border-radius:50%;
- background: white;
- }
- .li-col {
- position: relative;
- left:110rpx;
- margin: 40rpx 0rpx;
- display: flex;
- justify-content: flex-start;
- align-items: flex-start;
- }
- .li-text-blue {
- color: #00B7FF;
- font-size: 32rpx;
- margin-right: 10rpx;
- }
- .li-text-yellow {
- color: #FF6464;
- font-size: 32rpx;
- margin-right: 10rpx;
- }
- .li-text-red {
- color: #FF80A8;
- font-size: 32rpx;
- }
- .li-text-gray {
- font-size: 30rpx;
- color: #ccc;
- width:300rpx;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .foot-text-gray{
- height:28rpx;
- font-size:30rpx;
- font-family:PingFang SC;
- font-weight:500;
- color:rgba(65,65,76,1);
- line-height:36rpx;
- }
- .li-text-black {
- margin:0rpx 20rpx 0rpx 0rpx;
- height:32rpx;
- font-size:34rpx;
- font-family:PingFang SC;
- font-weight:bold;
- color:rgba(65,65,76,1);
- }
- .li-header-search {
- flex: 1;
- padding: 12rpx 20rpx 14rpx 20rpx;
- background:#F6F5FB;
- border-radius: 100rpx;
- text-align: center;
- cursor: pointer;
- }
- .li-header-search-icon {
- width: 28rpx;
- height: 28rpx;
- margin-right: 14rpx;
- vertical-align: middle;
- }
- .li-header-search-text {
- font-size: 28rpx;
- color: #999;
- vertical-align: middle;
- }
- .li-btn-blue {
- font-size: 24rpx;
- color: rgba(103,163,255,1);
- padding: 8rpx 10rpx;
- border-radius: 8rpx;
- border: 2rpx solid rgba(103,163,255,1);
- margin-top: 20rpx;
- }
- .li-circles {
- position:absolute;
- left:10%;
- color:#333333;
- }
- .li-circle {
- width: 40rpx;
- height: 40rpx;
- margin: 40rpx 40rpx 40rpx 0rpx;
- }
- .li-circle-label {
- width:160rpx;
- height:32rpx;
- font-size:34rpx;
- font-family:PingFang SC;
- font-weight:bold;
- color:rgba(65,65,76,1);
- line-height:36rpx;
- }
- .scan {
- position: fixed;
- right: 30rpx;
- bottom: 360rpx;
- width: 128rpx;
- height: 128rpx;
- border-radius: 200rpx;
- background: rgba(0,183,255,1);
- box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,175,243,0.5);
- opacity: 0.7;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- z-index: 9;
- }
- .scan-icon {
- width: 46rpx;
- height: 46rpx;
- }
- .scan-text {
- margin-top: 10rpx;
- font-size: 24rpx;
- color: #fff;
- }
- .home {
- position: fixed;
- right: 30rpx;
- bottom: 200rpx;
- width: 128rpx;
- height: 128rpx;
- border-radius: 200rpx;
- background: rgba(0,183,255,1);
- box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0,175,243,0.5);
- opacity: 0.7;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- z-index: 9;
- }
- .home-icon {
- width: 46rpx;
- height: 46rpx;
- }
- .home-text {
- margin-top: 10rpx;
- font-size: 24rpx;
- color: #fff;
- }
- .list-contet{
- margin-bottom:120rpx;
- }
- .footer-box{
- height:10%;
- }
- .footer-box-btn{
- color:#333333;
- width:167rpx;
- height:66rpx;
- line-height:66rpx;
- padding:10rpx;
- border-radius:44rpx;
- position:absolute;
- right:10%;
- text-align:center;
- background: #FFD76C;
- }
- page {
- background-color: #fff;
- }
- .load{
- color: #999999;
- font-size: 26rpx;
- text-align: center;
- height: 60rpx;
- line-height:60rpx;
- margin-bottom: 160rpx;
- /* background-color: rgba(243, 239, 239, 0.984); */
- }
- .load-img{
- width: 40rpx;
- height: 40rpx;
- animation: loading 3s linear infinite;
- }
- @keyframes loading {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
|