From d69d595fbe35a024c46848f0df1ab0f5472e87cf Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期二, 04 四月 2023 09:02:46 +0800 Subject: [PATCH] # --- App.vue | 41 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 41 insertions(+), 0 deletions(-) diff --git a/App.vue b/App.vue index 5297fa3..b604d88 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%; @@ -465,4 +466,44 @@ line-height: 80rpx; text-align: center; } + .searchBox { + position: absolute; + width: 94%; + height: 80%; + top: 0; + left: 0; + bottom: 0; + right: 0; + margin: auto; + background-color: #F9F9F9; + border-radius: 20rpx; + } + .searchIcon { + display: inline-block; + float: left; + width: 10%; + height: 100%; + text-align: center; + line-height: 80rpx; + } + + .searchArea { + display: inline-block; + float: left; + width: 80%; + height: 100%; + } + .searchArea input { + height: 100%; + font-size: 14px; + color: #5f5f5f; + } + .closeIcon { + display: inline-block; + float: left; + width: 10%; + height: 100%; + text-align: center; + line-height: 80rpx; + } </style> -- Gitblit v1.9.1