B端 浮层、弹窗、抽屉区别

于 2023-08-24 17:16:19 发布
阅读量226 收藏
点赞数
文章标签： 产品经理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mwenhui/article/details/132478800
版权

浮层：气泡、提示框、下拉菜单、隐藏式侧边栏、搜索栏展开

浮层特点：和触发它的元素具有非常紧密的位置关系，而不是像弹窗一样无差别显示在界面或者浏览器视图的固定区域

使用场景：想要显示的内容，完全没到用一个新的页面展示的程度，且与触发元素有紧密位置关系

**弹窗：**居中固定的显示区域，包含更多的内容

使用场景：对原触发页面的使用和关注并没有结束，需要支持快速关闭当前的窗口并返回原来的页面中去

**抽屉：**不强制用户聚焦

全国青少年熬夜大赛冠军
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
app浮层html,App设计之五：弹窗与浮层
weixin_29001683的博客
06-19 1627
之前在一篇文章里抛出来一个关于弹窗与浮层的问题，当时的背景是这样的，微信和京东在关于密码错误时采用的提示方式是完全不同的。微信采用的是警告框，而京东采用的则是浮层，由于当时自己也是心存疑惑，所以后来查看了一些资料和文章，于是就有了这篇文章。至于这两种方式哪个更合理一点，现在依然没有得出来结论。在iOS 9 人机界面指南中关于不需要使用警告框的情况中有这么一条：若使用警告框来告知用户发生了无法解决的...
创意特效浮层flash动画
07-24
创意特效浮层flash动画是一款集团公司网站广告动画下载。
网页设计中的弹窗与浮层的设计
09-22
在从传统的Software逐渐转换到Webware的大潮中，设计模式与技术实现双重变革和推进下。我们提倡页面中的任务对应用户群明确，任务少而精。回到我们传统的后台软件系统中，对于面对系统与流程再造。我们顺其自然得想到把在Web服务中的设计思想迁移到后台软件系统中。多数
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
09-09
主要介绍了js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件,实例分析了javascript多种弹出层效果的实现技巧,非常具有实用价值,需要的朋友可以参考下
IE7浮层遮挡问题探讨及解决
09-25
浮层遮挡情况想必大家在测试网页布局师会有遇到过吧，如果浮层中的元素覆盖的区域含有设置了postion:relative的元素，在IE7中浮层就有可能无法遮挡这些元素，下面是具体的解决方法
浮层弹框点击切换
从入门到入狱
05-13 355
主页面代码 int [] img = {R.mipmap.bg_float1,R.mipmap.bg_float2,R.mipmap.bg_float3}; ImgDialog imgDialog = ImgDialog.newInstance(img); imgDialog.show(getSupportFragmentManager(),"MainActivi...
JS弹出DIV浮层.
02-20
JS弹出DIV浮层.
弹出层，遮罩层，浮层菜单
csmzl的博客
10-28 1824
现在随便打开个网页都能见到浮层菜单，不会弄都说不过去了！直接上代码，一切尽在代码中。<html> <head> <meta charset="utf-8"></meta> <script type="text/javascript" src="jquery-1.12.1.js"></script> <style type="text/css"> #global
弹出浮层基类 BaseFloating 封装
ldhj1993的博客
08-11 713
之前在一个技术群里面尤为同学请教大家这种弹出窗怎么做（如下图所示），他是用的PopWindow实现的，但是PopWindow有很多地方不符合他的要求，比如弹出的起始位置，弹出的动画效果。我们项目中也会有这种弹出浮层的需求，举个例子，下面是仿淘宝选择规格的弹出浮层效果，不仅仅是这一处，整个项目中也会有很多类似的弹出浮层效果，为了方便，我们就需要有一个弹出浮层基类，来简化我们的代码。
弹窗浮层mask
rainbow_677294的博客
03-08 670
&lt;div id="callout" class="button callout_button"&gt;&lt;a href="#"&gt;弹出对话框&lt;/a&gt;&lt;/div&gt; &lt;div id="mask" class="mask"&gt;&lt;/div&gt; &lt;d
Android 应用弹出悬浮窗
Jason_Lee155的博客
06-02 6799
WindowManager添加了一个View，并显示到屏幕上
Selenium-js弹窗浮层
weixin_30652491的博客
09-03 154
学习过js的小伙伴会发现，我们在一些实例中用到了alert()方法、prompt()方法、prompt()方法，他们都是在屏幕上弹出一个对话框，并且在上面显示括号内的内容，使用这种方法使得页面的交互性更精彩，实际上我们经常会在进行网页浏览时简单这种类型的对话框，在用户与应用程序进行双向交流时，经常要用到对话框。 javascript的三种对话框是通过调用window对象的三个方法alert()，...
怎么可以点击按钮弹窗是一个表格的样式_小程序的弹窗浮层实现
weixin_39665507的博客
11-20 239
首先我们要在想要弹窗的页面上写下它的wxml，<!-- 浮层 --> <view class="b1" hidden="{{flag}}"> <view class="b2"> <image src='http://www.90rs.cn/zb_users/upload/2019/04/201904112207581618699.jpg' ...
非常好的web弹出层框架 -- layer
weixin_34337381的博客
09-01 347
本文的原文连接是: http://blog.csdn.net/freewebsys/article/details/48162545 未经博主允许不得转载。 1，关于web弹出层 之前做web弹出层，使用的是jqueryui，那个复杂，那个大。 而且样式怪怪的。而且文件很大。 关于layer layer是一款近年来口碑极佳...
jquery 弹出浮层(div) + 遮蔽层
ntc10095的博客
10-21 3354
.pop-box {               z-index: 9999; /*这个数值要足够大，才能够显示在最上层*/             margin-top: 30px;               display: none;               position: absolute;               background: #FFF;      
弹出居中的div层
yflxc的专栏
11-11 2219
点击文字弹出一个DIV层窗口代码                    .black_overlay{              display: none;              position: absolute;              top: 0%;              left: 0%;              width: 100%;         
android PopupWindow和AlertDialog区别
hangdianyizhihua的专栏
06-25 398
本质区别为：AlertDialog是非阻塞式对话框：AlertDialog弹出时，后台还可以做事情；而PopupWindow是阻塞式对话框：PopupWindow弹出时，程序会等待，在PopupWindow退出前，程序一直等待，只有当我们调用了dismiss方法的后，PopupWindow退出，程序才会向下执行。这两种区别的表现是：AlertDialog弹出时，背景是黑色的，但是当我们点击背景，A
vxe-table弹窗
最新发布
02-02
vxe-table是一个基于Vue.js的开源表格组件库，它提供了丰富的功能和灵活的配置选项，可以用于快速构建各种复杂的数据表格。vxe-table中的弹窗是指在表格中点击某个单元格或者操作按钮时，弹出的一个浮层窗口，用于展示更多的信息或者进行一些操作。 vxe-table提供了两种类型的弹窗：内置弹窗和自定义弹窗。 1. 内置弹窗：vxe-table内置了一些常用的弹窗组件，例如日期选择器、下拉选择框等。你可以通过配置列的edit-render属性来指定使用哪种内置弹窗组件。当用户点击单元格时，会弹出对应的内置弹窗组件，用户可以在弹窗中进行选择或者输入数据。 2. 自定义弹窗：除了内置弹窗，vxe-table还支持自定义弹窗。你可以通过配置列的edit-render属性为自定义组件，然后在自定义组件中实现弹窗的内容和交互逻辑。自定义弹窗可以完全按照你的需求进行设计和定制，可以包含任意的表单、按钮、图表等元素。 使用vxe-table的弹窗功能，你需要先引入vxe-table组件库，并按照文档的指引进行配置和使用。具体的使用方法和示例可以参考vxe-table的官方文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值