微信小程序---自定义Image组件

自定义Image组件在图片加载完成之前，预先展示一张本地的默认占位图片，而不是显示空白。

自定义组件实现：

1、新建image-loader

在项目的目录components下新建image-loader目录并新建新的Page；找到一张占位图，放到项目的images目录下。

目录结构：

2、在image-loader中，加入两个image，一个image用于加载默认图片，一个image用于加载真正的图片。两个image分别为image-default和image-real；在初始化时，显示的是image-default图片，同时image-real也会一起加载，只不过，会通过css属性控制image-real不显示；然后给image-real实现bindload和binderror，在加载完成并成功后，把image-default的width和height都置为空，这样image-default就不会再显示，同时让image-real的widhth和height恢复原始值，并把opcity置为1。

实现代码：

image-loader.js

image-loader.json

image-loader.wxml

image-loader.wxss

3、组件的使用

启用插件：index.json

{

"usingComponents": {

"image-loader": "/components/image-loader/image-loader",

},
}

index.wxml

<image-loader  default-image='../images/placeholder800x400.png' mode='widthFix' original-image='https://www.neware.shop/demo/mobile/api/v1/public/image/download/201809051000165950' width="400rpx" height="200rpx" />

本文链接：https://blog.csdn.net/baidu_27603429/article/details/100551221

智能推荐

Linux搭建LAMP，源码安装

Linux搭建LAMP，源码安装 LAMP是Linux Apache MySQL PHP的简写，即把Apache、MySQL以及PHP安装在Linux系统上，组成一个环境来运行PHP的脚本语言，通常是网站。Apache 是最常用的Web服务软件，而MySQL是比较小型的数据库软件，这两个软件以及PHP都可以安装到Windows的机器上。我们可以把Apache+PHP安装在一台机器上，再把MySQ...

模拟按键 —— 鼠标

背景之前写自动化脚本的时候总是遇到一些很尴尬的问题：跑脚本时模拟鼠标按键时，光标是真实的跑到了那个位置的，也就是说跑脚本的时候会很影响电脑的正常使用，导致不得不开一个虚拟机专门跑。另外因为光标只有一个所以很难实现多线程去同时操作多个窗口，当线程1 模拟鼠标但还没有结束时，线程2 已经开始执行模拟操作，这就导致了线程1 的模拟操作被终止了，被迫之下只能开多个虚拟机（但实在太占用性能🙄）解决...

Hibernate学习总结（一）

一、Hibernate简介一个持久层的ORM框架。ORM：Object Relational Mapping（对象关系映射）。指的是将一个Java中的对象与关系型数据库中的表建立一种映射关系，从而操作对象就可以操作数据库中的表。二、Hibernate入门 1、创建一个项目，引入jar包 hibernate用到的jar包 2、创建表 3、创建实体类 4、创建映射（*****）映射需要通过XML...

Linux系统NFS

文章目录 1. nfs简介 1.1 nfs特点 1.2 使用nfs的好处 1.3 nfs的体系组成 1.4 nfs的应用场景 2. nfs工作机制 2.1 RPC 2.2 NIS 2.3 nfs工作机制 3. exports文件的格式 4. nfs管理 5. 作业 5.1手动搭建一个nfs服务器 5.1.1开放/nfs/shared目录，供所有用户查阅资料 5.1.2 开放/nfs/upload目...

关于java中String，StringBuffer，StringBuilder的区别以及StringBuffer，StringBuilder的安全性问题

这里的结果就是正确的然后我们来看他的append方法它在前边加了一个synchronized来修饰，相当于同时只能有一个线程来访问他，这样就不会产生上边的问题但同时他的效率也就比StringBuilder低，...