微信小程序UI之旅：图片组件实现占位图功能

组件样式：

github传送门：https://github.com/albert-lii/wx-abui/tree/master/abui/widgets/ab-easy-image
demo传送门：https://github.com/albert-lii/wx-abui/tree/master/pages/mainex

自定义属性和方法

使用示例

<view class="container">
   <ab-easy-image class="circle-easy-image" src="{
    
    {imgUrl}}" placeholder="{
    
    {imgPlaceholder}}" radius="100%" bindsuccess="loadSuccess" bindfail="loadFail" />
   <ab-easy-image class="square-easy-image" src="{
    
    {imgUrl}}" placeholder="{
    
    {imgPlaceholder}}"/>
</view>

.circle-easy-image, .square-easy-image {
   
   
  width: 200rpx