小程序搜索框加icon


  <view class='search_box search_box_mt'>
            <!-- <icon type='search' size='12'></icon> -->
            <image class="icon" src="../images/s_3.png"></image>
            <van-icon name="clear" color='#999' style='position:absolute;top:8rpx;right:18rpx;z-index:9;transform: translateY(3px);' bindtap="clearText" />
            <input type='text' style="width:160rpx;font-size:20rpx;" value="{{search_text}}" placeholder='請輸入ID' bindconfirm='searchFun'></input>
        </view>
.search_box {
    background-color: #fff;
    display: flex;
    padding: 10rpx 20rpx;
    line-height: 48rpx;
    align-items: center;
    position: relative;
    width: 620rpx;
    /* height: 70rpx; */
    border-radius: 35rpx;
    border: 2rpx solid #B3B3B3;
    margin-bottom: 12rpx;
    color: #B3B3B3;
}

.search_box_mt {
    margin-top: 33rpx;
}

.search_box .icon {
    width: 31rpx;
    height: 31rpx;
    line-height: 48rpx;
    display: flex;
    align-items: center;
    margin-right: 16rpx;
}

.search_box input {
    width: 100%;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM