首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Angularsweetalert的使用详解

最近太忙了,项目中使用的老板嫌太丑,让我们优化一下,我在网上找了一下,找到了sweetalert,算是比较好看的了。...的有问题的地方欢迎留言,我会及时更改。...css,js必须通过npm下载sweetalert,引入下载的sweetalert.min.js 二、版本说明 Angular V1.2.30 Angular-sweetalert V1.0.4 Sweetalert.../sweetalert.min.js 注意:在app添加依赖模块‘oitozero.ngSweetAlert’ 四、使用方法 1、基础用法 swal("请选中数据再进行操作"); ?...五、相关问题 1、传函数错误 Swal(“确定提交吗”,  function(){}, ‘error’ );  //这种写法在我用的这个版本是错误的,我的这个版本支持then(), 不支持直接在参数方法

2.7K40

WPF MVVM 之等待

WPF MVVM 之等待 目录 一、效果 二、主体改造 三、等待动画用户控件 四、弹窗 ViewModel 和帮助类的改造 五、使用方法和代码地址 独立观察员 2020年10月13日 之前写过一篇...《WPF MVVM 模式下的弹窗》,里面实现了确认和消息,经过一段时间的演化,目前又新增了可显示自定义内容的、可进行信息录入的、以及本文将要介绍的加载等待。...一、效果 先来看看效果,首先是其它(动图): 然后是等待(动图): 下面来看如何实现,当然,是在之前的基础上进行的,前一篇文章没看的话,需要先看一下,或者直接获取文末提供的代码查看。...三、等待动画用户控件 按照设想,等待的动画部分作为自定义内容放入的 ContentControl ,所以我们需要新建个用户控件。...IsShowDialog 的 set 方法,当是等待时,倒计时设为零,方便后面(上面说的)直接进行正计时: 关键是帮助方法,新增一个弹出等待方法: /// /// 弹出等待

2.3K20

C端,如何优雅的处理多个的显示?(附带源码)

前言 ❝最近的移动端业务经常跟打交道,偶尔处理对于多个的显示问题也是捉襟见肘,特别是产品经常改需求,那么有没有一种优雅的解决方案去处理上面这种问题,或者说,淘宝、拼多多等是怎么处理这种问题的...带着这个业务痛点,我去踩坑了几种方案,下面来分享下以下这种配置化方案(借鉴了动态表单的思路来实现) 配置化 ❝之前管理后台系统的时候有了解过动态表单,实际就是通过一串JSON数据渲染出表单,那么我们是不是可以基于这种思路...,通过可配置化的数据来控制的显示,显然是可以的 ❞ // modalConfig.js export default { // 首页 index: { // 列表 modalList...❝配置完数据,我们还缺少一个调度系统去统一管理这些,这时候自然而然就可以想到发布订阅这种设计模式 ❞ // modalControl.js class ModalControl { constructor...❝根据以上思路,ModalControl类的 constructor方法需要设置的初始值差不多也就知道了 ❞ // 上述配置 import modalMap from '.

1.7K20

100个设计小结

由于与当下流行的卡片式设计在表现形式上十分接近,同时也逐渐承载了更多功能性需求,不再是简单的内容堆砌,因此设计正在被越来越多设计师关注。 尺寸怎么定?...拿以下2个例子为例: Marvel的新建项目,在大屏幕下,尺寸为640px(宽)x760px(高); 在小屏幕下,选项及Icon则会缩小,尺寸变成了640px(宽)x620px(高) InVision...的升级,在大屏幕下,列表的行距比较宽松,尺寸为1100px(宽)x800px(高); 在小屏幕下,列表的高度则减小,尺寸为1100px(宽)x630px(高)。...2.避免框上再弹出 要尽量避免在框上再一层,2层蒙版会让用户觉得负担很重。可以改用轻量或重新把交互梳理。...可以想像将会有一大波移动上的体验会搬到网页设计上,如包含多个层级,透过左上角返回的交互体验,更灵动及细腻的动画效果等。

1.7K30
领券