From 82e99017f97d73e166c6fac05a55146ac4465b25 Mon Sep 17 00:00:00 2001 From: whycq <whycq> Date: 星期一, 20 六月 2022 16:26:23 +0800 Subject: [PATCH] # --- App.vue | 41 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 41 insertions(+), 0 deletions(-) diff --git a/App.vue b/App.vue index 804e1e1..8815318 100644 --- a/App.vue +++ b/App.vue @@ -401,6 +401,7 @@ height: 100rpx; } .square-1 { + position: relative; background-color: #ffffff; box-shadow: 0px 0px 5px #d9d9d9; width: 94%; @@ -449,4 +450,44 @@ border-radius: 20rpx; margin: 20rpx auto 20rpx auto; } + .search-box { + position: absolute; + width: 94%; + height: 80%; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + background-color: #F9F9F9; + border-radius: 20rpx; + } + .search-icon { + display: inline-block; + float: left; + width: 10%; + height: 100%; + text-align: center; + line-height: 80rpx; + } + + .search-area { + display: inline-block; + float: left; + width: 80%; + height: 100%; + } + .search-area input { + height: 100%; + font-size: 14px; + color: #5f5f5f; + } + .close-icon { + display: inline-block; + float: left; + width: 10%; + height: 100%; + text-align: center; + line-height: 80rpx; + } </style> -- Gitblit v1.9.1