hbuilder制作圆角搜索栏，无边框，搜索框旁边是放大镜的标志，搜索框与放大镜之间有条线

您可以使用以下代码来创建一个圆角搜索栏，无边框，搜索框旁边是放大镜的标志，搜索框与放大镜之间有条线：

<style>
    .search-box {
        display: flex;
        align-items: center;
        padding: 5px;
        border-radius: 20px;
        border: none;
        background-color: #f5f5f5;
    }
    
    .search-input {
        flex: 1;
        height: 30px;
        margin-left: 10px;
        border: none;
        outline: none;
        font-size: 16px;
        background-color: transparent;
    }
    
    .search-icon {
        margin-right: 10px;
    }
    
    .search-line {
        height: 20px;
        width: 1px;
        background-color: #ccc;
        margin: 0 10px;
    }
</style>

<div class="search-box">
    <div class="search-icon">
        <img src="放大镜图标的路径" alt="搜索">
    </div>
    <div class="search-line"></div>
    <input type="text" class="search-input" placeholder="请输入关键字">
</div>

其中，`放大镜图标的路径`需要替换为您自己的放大镜图标的路径。您可以调整样式以满足您的需要。