商品以及商品详情
This commit is contained in:
@@ -0,0 +1 @@
|
||||
.profile-page{background:#f7f8fa;min-height:100vh}.profile-header{background:linear-gradient(160deg,#1989fa,#07c160);overflow:hidden;padding-bottom:.8rem;position:relative}.profile-header::before{background:hsla(0,0%,100%,.08);border-radius:50%;content:"";height:7rem;position:absolute;right:-1.5rem;top:-2rem;width:7rem}.profile-header::after{background:hsla(0,0%,100%,.05);border-radius:50%;bottom:-1rem;content:"";height:5rem;left:-1rem;position:absolute;width:5rem}.header-actions{display:flex;justify-content:flex-end;padding:.3rem .6rem 0}.header-actions .settings-btn{align-items:center;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.user-card{align-items:center;display:flex;padding:.6rem .8rem .5rem;position:relative;z-index:1}.user-card .avatar{border:.1rem solid hsla(0,0%,100%,.4);border-radius:50%;flex-shrink:0;height:3rem;width:3rem}.user-card .user-info{flex:1;margin-left:.6rem}.user-card .user-info .name-row{align-items:center;display:flex;margin-bottom:.2rem}.user-card .user-info .name-row .name{color:#fff;font-size:1rem;font-weight:600;margin-right:.3rem}.user-card .user-info .name-row .gender-tag{background:hsla(0,0%,100%,.25);border-radius:50%;color:#fff;font-size:.55rem;height:.9rem;line-height:.9rem;text-align:center;width:.9rem}.user-card .user-info .class-name{color:hsla(0,0%,100%,.8);font-size:.65rem}.user-card .van-icon{flex-shrink:0}.stats-row{display:flex;justify-content:space-around;padding:0 .8rem;position:relative;z-index:1}.stats-row .stat-item{align-items:center;display:flex;flex-direction:column}.stats-row .stat-item .stat-num{color:#fff;font-size:.9rem;font-weight:600;line-height:1.4}.stats-row .stat-item .stat-label{color:hsla(0,0%,100%,.75);font-size:.6rem}.profile-scroll{height:calc(100vh - 2.5rem)}.section-card{background:#fff;border-radius:.4rem;box-shadow:0 .05rem .3rem rgba(0,0,0,.04);margin:.5rem .6rem;overflow:hidden}.section-card .card-header{align-items:center;display:flex;justify-content:space-between;padding:.7rem .6rem .5rem}.section-card .card-header .card-title{color:#323233;font-size:.8rem;font-weight:500}.section-card .card-header .card-more{align-items:center;display:flex}.section-card .card-header .card-more .more-text{color:#969799;font-size:.65rem;margin-right:.1rem}.order-tabs{display:flex;justify-content:space-around;padding:0 .2rem .7rem}.order-tabs .order-tab{align-items:center;display:flex;flex-direction:column;padding:.3rem .2rem}.order-tabs .order-tab .tab-label{color:#646566;font-size:.6rem;margin-top:.25rem}.feature-list{margin-top:.5rem}.feature-list .van-cell-group--inset{margin:0}.feature-list .van-cell{padding:.7rem .6rem}.footer-info{align-items:center;display:flex;flex-direction:column;padding:1rem 0 .5rem}.footer-info .footer-icp{color:#c8c9cc;font-size:.55rem;margin-bottom:.2rem}.footer-info .footer-version{color:#c8c9cc;font-size:.55rem}:root,page{--primary-color:#07c160}
|
||||
Reference in New Issue
Block a user