微信小程序 icon怎么自定义图标

首先，你的微信需要升级到最乎指新版本。在最上方的搜索框里搜索“小程序示例”，会看到这笑逗个页面。 别犹豫，最上面的那个S形图标，点进去。此时，你已经成功的把小岁升配程序接入了自己的微信中。在微信的“发现”栏里，最后一项应该已经是小程序了。

search.wxml部分内容：

<view class='search_box page_row'>

<view class='search'>

<view class='search_item'>

<icon class='search_icon' size='20' type='search'></icon>

<input value='' placeholder='搜索您要找的商品' bindinput='bindInput'/>咐皮

</雹好view>

</view>衡肆差

<view class='search_btn' bindtap='search'>搜索</view>

</view>

search.wxss样式部分：

.search_box{width:100%background:#2587f1padding:0 0 10pxdisplay: flexflex-direction: row}

.search{width: calc( 100% - 64rpx )}

.search_item{border: 1px solid #d0d0d0border-radius: 10rpxmargin-left: 20rpxbackground:#fff}

.search_item input{margin-left: 60rpxheight: 60rpxborder-radius: 5pxbackground:#fff}

.search_btn{width: 15%height: 60rpxline-height:60rpxtext-align: centerbackground:transparentcolor:#fff}

.search_icon{margin: 10rpx 10rpx 10rpx 10rpxposition: absoluteleft:25rpxz-index: 2width: 20pxheight: 20pxtext-align: center}

---