#

whycq

2022-08-24 e2b0f4792330661461fbdd18a02df3e4153aa755

#

 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>