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