From 263f8d3caa3afc623f9d31e59ee35667f6fda7eb Mon Sep 17 00:00:00 2001 From: zhangdongxue Date: Fri, 14 Jan 2022 13:54:08 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/record/index.vue | 74 +++++++++++++++++++++++++++++------------- 1 file changed, 51 insertions(+), 23 deletions(-) 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%;