uniapp showToast

直接

<template>
	<view>
		
	</view>
</template>

<script>
	export default {
    
    
		data() {
    
    
			return {
    
    
				
			}
		},
		onLoad() {
    
    
			/*
				title		String	是	提示的内容，长度与 icon 取值有关。
				icon		String	否	图标，有效值详见下方说明。	
				image		String	否	自定义图标的本地路径	App、H5、微信小程序、百度小程序
				mask		Boolean	否	是否显示透明蒙层，防止触摸穿透，默认：false	App、微信小程序
				duration	Number	否	提示的延迟时间，单位毫秒，默认：1500	
				position	String	否	纯文本轻提示显示位置，填写有效值后只有 title 属性生效， 有效值详见下方说明。	App
				success	 Function	否	接口调用成功的回调函数	
				fail	 Function	否	接口调用失败的回调函数	
				complete Function	否	接口调用结束的回调函数（调用成功、失败都会执行）
			
			*/
			uni.showToast({
    
    
				icpn: 'none',
				title: '加载中',
				image: '../../static/test.png',
				duration: 5000
			})
		},
		methods: {
    
    
			
		}
	}
</script>

<style>

</style>

通常、ライトプロンプトコンポーネントはこれらの4つのパラメータのみを変更します

タイトル、画像、期間、アイコン

アイコンは組み込みアイコンをロードできます有効な値なしロード成功

画像の場合、アイコンをカスタマイズできます。正直なところ、ミスUIが美しい読み込みアイコンを作成しない限り、これを変更する必要はありません。

効果