You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
2.2 KiB
26 lines
2.2 KiB
3 years ago
|
.nav{width:100%;padding:16rpx 0;background:#FFCB12;}
|
||
|
|
.search{height:64rpx;width:90%;margin:0 auto;display:flex;justify-content: start;}
|
||
|
|
.search .search-box{width:85%;border-radius: 180rpx;background-color:#fff;height:100%;margin:0 auto;display:flex;justify-content: start;}
|
||
|
|
.search .search-box .search-icon{width:70rpx;height:100%;}
|
||
|
|
.search .search-box .search-icon image{width:32rpx;height:32rpx;padding:16rpx 0rpx 16rpx 38rpx;}
|
||
|
|
.search .search-box .search-input{width:580rpx;}
|
||
|
|
.search .search-box .search-input input{height:100%;width:90%;padding-left:10rpx}
|
||
|
|
.search .search-word{width:15%;font-size:28rpx;line-height:64rpx;text-align: right;}
|
||
|
|
.circle{width:100%;margin:24rpx auto;background:#fff;}
|
||
|
|
.circle .list{width:94%;padding:16rpx 3%;display: flex;border-bottom:2rpx solid #f1f1f1;justify-content: space-between;}
|
||
|
|
.circle .list .list-left{width:25%;}
|
||
|
|
.circle .list .list-left image{width:128rpx;height:128rpx;border-radius:12rpx;}
|
||
|
|
.circle .list .list-right{width:75%;}
|
||
|
|
.circle .list .list-right .name{width:100%;font-size:30rpx;display:flex;justify-content: space-between;}
|
||
|
|
.circle .list .list-right .name text{color:#fff;background:#F88834;padding:2rpx 16rpx;font-size:24rpx;border-radius: 8rpx;}
|
||
|
|
.circle .list .list-right .mark .marklink text{background: rgba(255,203,18,0.15);padding:2rpx 16rpx;
|
||
|
|
border: 1px dashed #ffac0c;color:#FFAC0C;font-size:20rpx;border-radius: 5rpx;margin-right:8rpx}
|
||
|
|
.circle .list .list-right .people{font-size:20rpx;padding-top:10rpx;color:#ADADAD}
|
||
|
|
.scrollArea{height:140rpx;}
|
||
|
|
.scrollArea .scroll-view{width:100%;display:flex;height:100%;white-space:nowrap}
|
||
|
|
.scrollArea .scrolllist{width:19%;height:120rpx;display: inline-block;margin-left:24rpx;margin-top:20rpx;}
|
||
|
|
.scrollArea .scrolllist::after{content:'';display:block;clear:both;}
|
||
|
|
.scrollArea .scrolllist .listTop{width:100rpx;height:100rpx;position: relative; }
|
||
|
|
.scrollArea .scrolllist .listTop image{width:100%;height:100%;border-radius:50%;box-shadow: 0px 8rpx 16rpx 0px rgba(0,0,0,0.10);}
|
||
|
|
.scrollArea .scrolllist .listTop .name{position: absolute;top:25rpx;left:0;width:100%;text-align: center;font-size:28rpx;color:#fff;font-weight:bold;height:50rpx;background:rgba(0,0,0,0.1);line-height: 50rpx;border-radius:12rpx;}
|
||
|
|
.nodata{padding:50rpx;text-align: center;font-size: 26rpx;color:#808080;}
|