uni-app 自定义loading 自定义toast 兼容小程序&APP

本文记录了使用uni-app开发过程中自定义loading和toast组件的过程,通过vuex进行状态管理,实现组件显示与隐藏的控制。在页面标签上简单添加即可在任意页面调用,提供了一种与uni.showLoading()类似但更个性化的用法。
摘要由CSDN通过智能技术生成

记录下 自己花了一上午时间做的 UNIAPP 自定义 loading 自定义 toast 同理 只是给组件传个参数过去而已

个人觉得用UNIAPP开发小程序 还是vuex 好使 即使有的大佬 随随便便自己写个状态管理 或者自己写个 计算属性 之类的 反正我是做不到

先上个动图 看看 先不说好不好看,咱主要实现功能 我是随便找了个 loading动画

首先自带的loading及toast 虽然不难看 但是用多了 感觉千篇一律

使用到的知识点
  • vuex
  • 组件基本用法

######首先自己写个 loading 的组件

######在main.js中注册全局组件

// 引入vuex 状态库
import store from "./store";
// 在main.js中注册全局组件
import toast from './components/toast/toast.vue'
Vue.component('toast',toast)
//挂在到Vue原型链上
Vue.prototype.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值