笔记 - 自定义toast 小提示弹框

最新推荐文章于 2024-05-13 04:25:15 发布

小虾Suki

最新推荐文章于 2024-05-13 04:25:15 发布

阅读量1.8k

点赞数

分类专栏：前端开发文章标签： web html css

本文链接：https://blog.csdn.net/qq_39108466/article/details/78501843

版权

本文介绍了在项目中创建自定义的Web Toast提示框的方法，将js代码置于公共js文件，实现全局调用。文章提供了相关代码示例，并提到了移动端的弹框类型，如Toast、Snackbars和Alert。

摘要由CSDN通过智能技术生成

项目中常用到一些小组件，如toast/alert 弹框，关于toast提示框，貌似一般在移动端说得比较多。。。嗯，项目中就叫它toast提示框吧。（关于移动端弹框，参考：APP提示框架详解：Toast提示、Snackbars和Alert

以下为自定义的Web toast小提示框，js代码放在公共js文件中，可以全局调用，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--<link rel="stylesheet" href="css/common.css">-->
    <style>
        *{
            margin:0;
            padding: 0;
        }
        .pop-toast {
            position:

最低0.47元/天解锁文章

小虾Suki

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
笔记 - 自定义toast 小提示弹框

项目中常用到一些小组件，如toast/alert 弹框，关于toast提示框，貌似一般在移动端说得比较多。。。嗯，不管了，差不多的意思，项目中就叫它toast提示框。（关于移动端弹框，参考：APP提示框架详解：Toast提示、Snackbars和Alert 以下为自定义的Web toast小提示框，js代码放在公共js文件中，可以全局调用，代码如下：<!DOCTYPE html><html la
复制链接

扫一扫

专栏目录