From e2b0f4792330661461fbdd18a02df3e4153aa755 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期三, 24 八月 2022 13:45:43 +0800 Subject: [PATCH] # --- pages/basics/notificationFile.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 48 insertions(+), 0 deletions(-) diff --git a/pages/basics/notificationFile.vue b/pages/basics/notificationFile.vue index 2693199..813329d 100644 --- a/pages/basics/notificationFile.vue +++ b/pages/basics/notificationFile.vue @@ -1,5 +1,13 @@ <template> <view> + <!-- 鎼滅储妗� --> + <view class="square-1"> + <view class="searchBox"> + <view class="searchIcon"><uni-icons type="search" size="20" color="#dadada"></uni-icons></view> + <view class="searchArea"><input type="text" placeholder=" 璇疯緭鍏�"></view> + <view class="closeIcon"><uni-icons type="closeempty" size="20" color="#dadada"></uni-icons></view> + </view> + </view> <view style="width: 100%;height: 200rpx;background-color: aqua;margin-top: 10rpx;" v-for="(item,index) in listData" :key="index"> <text>{{index}}</text> @@ -78,4 +86,44 @@ </script> <style> + .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> \ No newline at end of file -- Gitblit v1.9.1