diff --git a/pages/record/index.vue b/pages/record/index.vue index dc5986e..bbae083 100644 --- a/pages/record/index.vue +++ b/pages/record/index.vue @@ -13,26 +13,30 @@ - - + + + - + + + + - - - + + + @@ -145,8 +149,9 @@ - - + + - - + + .record { - padding: $padding * 2 $padding; + padding: $padding * 5 $padding $padding $padding; + position: relative; // 顶部搜索 .search { display: flex; flex-direction: row; align-items: center; - justify-content: center; + justify-content: space-between; box-sizing: border-box; + background-color: #fff; + position: fixed; + width: 100%; + left: 0; + top: 0; + padding: $padding *2 $padding $padding $padding; + z-index: 1000; .user { display: flex; flex-direction: row; + position: relative; .downIcon { margin: 0 0 0 $margin * 0.4; } + .nickname{ + background-color: rgba($color: #fa8168, $alpha:1 ); + background-color: rgba($color: #34ce98, $alpha:1 ); + font-size: 10rpx; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + // width:100rpx ; + position: absolute; + bottom: -14rpx; + max-width: 110rpx; + padding: 0 4rpx; + } .avatar { box-shadow: 0 0 10rpx 4rpx rgba($color: $main-color, $alpha: 0.1); border-radius: 50%;