展开

关键词

deepin 任务栏

deepin dde-dock 任务栏在使用了任务栏的一些插件后,如果卸载的话,可能会把dde-dock的一些依赖也卸载掉,所以会导致dock栏出现,在查看了很多帖子后无果,也重新安装了几次还是不行

56641

电商放大镜及动态边框效果

思路放大镜缩略图及细节图布局鼠标划入事件:鼠标放在缩略图,出现小的蒙层和细节图;当鼠标移动,细节图随之变化鼠标及蒙层边界判断处理鼠标移除事件:隐藏蒙蒙层及细节图动态边框鼠标悬浮,边框出现鼠标移除,边框 那么来了,细节图怎么随鼠标变化? 思路看到该效果,一般思路有二: 设置border周边4个div  但是以上两个思路均有。如果设置border,如何使其边框动画? #bigImg).height()) + px; $(#bigImg).css({left: scaleX,top: scaleY});}).mouseleave(() => { 鼠标离开小图,大图 $(#big, #modal).fadeOut(500);})??

32420
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Deepin 升级后蓝牙

    在换到 5.4、5.7、5.8 版本的内核无果后,觉得不太是这个,开始寻找使用命令来管理蓝牙并连接蓝牙的方案,找到后开始试验,但无法正常创建设备。最后在一篇帖子中看到开启了蓝牙服务,就试着看看。

    78530

    Bootstrap响应式前端框架笔记十六——模态框交互

    首先模态框组件通过modal类来创建,其默认隐藏,开发者可以使用data相关属性来将其唤出。简单示例如下: 正常模态框 × 模态框标 模态框内容 关闭 保存 效果如下:? 可以为model-dialog类增加modal-lg或者modal-sm可以创建大号的模态框或者小号的模态框。 中 modal模块也支持通过js代码来进行相关控制,支持的方法如下:$(#open).on(click,function(){ 展示模态框 $(#myModal).modal(show);});$(#close shown.bs.modal,function(e){ console.log(模态框已经展示后触发)});$(#myModal).on(hide.bs.modal,function(e){ console.log(模态框将要触发 )});$(#myModal).on(hidden.bs.modal,function(e){ console.log(模态框已经后触发)});$(#myModal).on(loaded.bs.modal

    27310

    js原生模态登录框

    { padding: 20px;}.modal-form div { margin: 15px 0;} .modal-form label { display: block; margin-bottom 我们的优势 丰富的线上课程 优秀的师资团队 课后辅导及答 Lorem ipsum dolor sit amet, consectetur adipisicing elit. = document.getElementById(modal);window.addEventListener(click,e=> { e.target==modal? modal.classList.remove(show-modal):false; *点击的是不是modaldiv,如果是就模态框,否则上面都不做。 x的话,也掉. });

    19230

    5.页面绘制-主列表页(使用ColorUI、uni-app官方组件)

    zhuti_list.vue中: 置顶 精品 普通 青春里,总有些事情要努力去做,总有些梦想要拼命去追,无需计较得,只要青春无悔。 if (res.cancel) { console.log(用户点击取) } } }) } } } 效果图:? 标 Modal 内容。 zhuti_list.vue完整代码: 置顶 精品 普通 青春里,lllbyvu总有些事情要努力去做,总有些梦想要拼命去追,无需计较得,只要青春无悔。 所以在发新主功能中的插入图片功能 ,在删除图片的时候 ,也应该有一个弹窗来用户是否确认删除。但是这个时候,弹窗被模态框挡住。

    27120

    CSS 命名之Dialog, Modal, Popup, Popover, Lightbox 等的区别

    如有疑,欢迎留言探讨~Alert一般用于需要立即关注处理的警示信息(警示信息要言简意赅),一般伴有“确定”与“取”的按钮。 ModalDialog一般用于通过点击或其它动作后产生的二次操作,操作的窗体就是Modal 或 Dialog。 Modal 或 Dialog 主要用于那些不必时时刻刻显示在主界面上,在一定情况下才展示的信息(包括操作本身),通常伴有遮罩层且用户点击空白处(或者关闭按钮——如果有的话)即可。? 但Popup 一般不会自动,需要手动关闭,手动关闭的行为表示你已经看到并知晓信息了(跟“勾选表示我已经阅读”的意思差不多)。? Flash NoticeGrowl Notification一般用于那些限时提示的信息,这个“限时”并不意味着“紧急”,只是说信息是静静地展示在那里,你不看也没关系,一般几秒钟后便会自动。?

    2K72

    Human Interface Guidelines — Modality

    iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚ModalityHuman Interface Guidelines链接:ModalityModality让人们必须在完成一项任务或关闭一个息或 Modal view 通常包括退出 view 的完成和取按钮。?·尽量减少 modality 的使用一般来说,人们喜欢用非线性的方式与 app 交互。 如果一个 modal 任务太复杂,人们可能会在进入 modal 环境时看不到他们暂停的任务。特别要小心的创建包含层次结构的 modal ,因为用户可能会迷方向,忘记如何沿之前的步骤返回。 ·如果合适的话,显示能明确任务的标您还可以在 view 的其他部分提供文本,以更全面地描述任务或提供指导。 ·选择合适的过渡样式来显示 modal view使用与 app 协调的转换样式来增强对临时环境转换的认识。默认的转换是垂直地从屏幕底部向上滑出 modal view ,并在取后向下滑出。

    29930

    python测试开发django-187.Bootstrap模态框(modal)如何在关闭时触发事件

    前言Bootstrap 模态框 (modal) 在关闭时,如何触发一些事件?比如重置表单,或者重置表单的校验。Bootstrap 模态框 (modal) 提供了4个显示和隐藏模态框的事件。 modal 事件下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。事件描述实例show.bs.modal在调用 show 方法后触发。 $(‘#identifier’).on(‘hidden.bs.modal’, function () { 执行一些动作…})hide 触发当点击隐藏模态框的时候触发当点击右上角x按钮,或者点取的时候调用 myModal).on(hide.bs.modal, function() { alert(隐藏模态框的时候会触发这个事件....); })}); 在调用hide方法时候也会触发$(#myModal).modal (hide)hidden 完全隐藏模态框触发hide.bs.modal 是模态框之前触发hidden.bs.modal是模态框完全后触发 模态框触发钩子 hide.bs.modal$(function

    8430

    关于服务启动按钮页面的优化

    由于妹子ui的模态框在数据传输存在bug,详情撮: https:amazeui.orgjavascriptmodal 所以在多个异步并发执行的时候出现各种Bug. closeloading(my_this); var store = $.AMUI.store; store.remove(run_service_allow_one); } }); 我这边的主要的现象 解决针对以上的后面的代码已经解决,主要是妹子ui模态框传参的Bug,调用多次模态框模块框只会保存第一次运行时的数据。 第1个: 通过store存储传参,每点击一次覆盖前一次的参数。 (可能存在的: 如果启用无缝浏览则无法传data参数,如果点击过快参数赋值就会错乱,但是这种情况应该很少,参数赋值那块也就微妙级别,人的手工基本不会达到那种地步) 还有种方法就是通过relatedTarget 第2个: 其实使用了relatedTarget钩子,但变量初始化的时候存在,之前没有var 定义局部变量,导致后面点击有可能获取全局变量的数据,导致my_this对象串了。

    20630

    Java单体应用 - 项目实战(后台) - 03.后台账户管理 - 07.JS代码重构

    handleInitSelect2(); } }}(); $(function() { Select2.init();});然后,删除原有页面中的自定义 js 代码,用引入文件的方式代替,代码如下: 3.息提示通用模块对于页面中用到的息提示 ,比如 操作成功、操作败 ,我们是使用如下代码实现的:成功息const Toast = Swal.mixin({ toast: true, position: top, showConfirmButton ) toast.addEventListener(mouseleave, Swal.resumeTimer) }}) Toast.fire({ type: success, title: 操作成功})息 显示成功信息 * let handleShowSuccess = function(title) { toast.fire({ type: success, title: title }) } ** * 显示败信息 ); html = ; html = html + + message + ; modalBody.html(html); modal-footer html let btnCancel = $(取

    20720

    电子规范管理系统(2)

    每次有新的规范来,不断的充填这个规范库,别人也会不断的在设计团队群里谁谁谁有某某规范吗? 其实,装一个规范管理系统就行了。 这样,我这个系统的有效版本就解决了。 目前我们单位的做法是有专人核对有效版本,在oa系统上,但是只是针对水利系统啊。 ? 规范与计算本应是配套的,因国情特殊,二者未结合,造成误、人力浪费。 充分利用这个平台查阅和共享它们。 《规范目录有效版本》数据来自OA系统。 Search! 请给 我 发送反馈信息或提交 应用 。 、附属构筑物、架空钢管、防水套管.pdf 四、计算书命名: 波浪爬高.xlsx 关闭 × 修改 编号 名称 链接 上传者 取 修改 × 导入规范数据表 导入规范数据 关闭 × 修改 名称 内容 备注

    33810

    小程序弹出框详解

    图小程序弹出框详解qjlx: function() { var itemList = ; wx.showActionSheet({ itemList: itemList, success: function Bearer + wx.getStorageSync(token), }, success(res) { if (res.data.code == 0) { wx.showToast({ title: 保存败 效果 modal有输入框 获取应用实例 var app = getApp() Page({ data:{ hiddenmodalput:true, 可以通过hidden是否掩藏弹出框的属性,来指定那个弹出框 this.data.hiddenmodalput }) }, 取按钮 cancel: function(){ this.setData({ hiddenmodalput: true }); }, 确认 this.data.hiddenmodalput }) }, 取按钮 cancel: function(){ this.setData({ hiddenmodalput: true }); }, 确认

    69220

    yii2 modal弹窗之ActiveForm ajax表单异步验证

    前面我们讲述了yii2中如何使用modal以及yii2 gridview列表内更新操作如何使用modal,本以为modal要告一段落可以开始新的话了,但是实际往往超乎想像,这不modal弹窗提交的表单说是怎么验证的又出来了 该的实质其实与modal的关系倒不大,其的核心在于ActiveForm的异步验证上,解决了首要矛盾,我们本篇文章的也就迎刃而解了。顺便再叨唠一句,modal确实没啥好说了。 如果你不设置该参数,该地址默认是你当前路由,而又恰巧你当前路由就是表单form的action,你会很好奇的发现,当表单项input去焦点的时候,你对数据的修改已经提交到后端进行了处理了? return $this->render(create, ); @see http:www.manks.topyii2_modal_activeform_ajax.html 看主要的验证操作,该操作是表单字段去焦点时异步验证 本期主篇幅短小但内容精湛,希望对你有所帮助! (adsbygoogle = window.adsbygoogle || []).push({});

    23610

    salesforce lightning零基础学习(七) 列表展示数据时两种自定义编辑页面

    正常我们想要展示一条记录,按照之前的学习有两种实现的方式,第一种是后台搜索出来,init handler实例化,第二种是使用LDS,通过此标签,我们只需要传递记录ID,便可以使用记录中所有可以访字段的信息 record typeonload:Form数据加载后触发的回调函数;onsubmit:Form数据submit后触发的回调函数;onsuccess:数据操作成功后的回调函数;onerror: 数据操作败后的回调函数 这两个方法的demo可以访:https:developer.salesforce.comdocscomponent-librarybundlelightning:overlayLibrarydocumentation 2.点击Edit按钮以后会弹出popup modal用来显示编辑Form?3.点击Submit后继续展示account list,modal。? 感兴趣的同学可以考虑优化,篇中有的地方欢迎指出。不懂得欢迎留言。

    39340

    移动端APP列表点透事件处理方法

    这里是自己在做移动端时,在列表滑动的时候,遇到的点透。 出现这个的来由是因为在转场的时候,各个手机的转场效果不一样,有的比较好,但是在有些低端机上,转场显得有点卡,于是就把过渡效果去掉了,因此就是直接的路由切换。 【具体事件具体分析,可能我遇到的并不适合你,这里只是贴出来共享】先看下面两张图片:?? ,时间大概在300ms就好,可以看我之前对于转场代码的研究:react-css3-transition-group方案三:在目标页面加入遮罩层在目标页面加上一层透明的弹层,使上一个页面的点击在此弹层上效 ,具体做法为使用一个高阶组件,在高阶组件中添加一个定时器,在每个页面加载的时候生成一个弹层,400ms之后弹层即可。

    58050

    填一填用了半个月 ionic 遇到的坑

    ----Q: 在 iOS 下使用 cordova-plugin-file-transfer 下载中文名文件败,提示 Could not create target file A: encodeURI( ----Q: 不同 Android 手机上出现字体错位之类的奇怪。A: 使用 Crosswalk 除不同安卓机上 WebView 的差别,顺便还能提升应用性能。 ----Q: 在实机上使用 livereload 功能时出现空白、连接败等情况。A: 实机上的 livereload 本质是用手机访电脑上的网站,检查手机和电脑之间的网络连接是否通畅。 ionicHistory.backView(backView);$ionicHistory.goBack();----Q: ionic serve 或在实机调试时开启了 livereload 功能时的跨域 实机不开 livereload 则不存在这个。简单的方法就是用实机调试且不开 livereload 。复杂点的比如设置 Ionic 自带的代理服务器,参考链接。需要详细了解这个也可以看一遍。

    43140

    DjangoBlog|12 博客文章删除功能(优化版)

    我们不考虑个人能力,我们将原因合并:删除前需要提示用户正在进行删除操作,那这样想,更好的解决方法是,出一个弹框即可,就是当用户点击文章详情页上的删除按钮时,先弹出一个弹框提示用户是否要删除对应文章, modal主体内容,主要设置和结构:class=modal fade和id=exampleModal 设置modal类型和modal的id, modal弹框内有三部分:弹框标modal-header )、主体内容(modal-body)、底部内容(odal-footer),底部我们设置了两个按钮,一个是取,一个是删除,其中删除操作是放在了Post表单里面,并设置了csrf验证。 老规矩先说怎么解决,注释删除掉Projectbrief_blogmyblogtemplatesarticle_detial.html中的: 这个困扰我很久,不断尝试才发现是这个脚本引起的,raphael.js 是一个可以渲染可缩放矢量图形 (SVG) 的js库,这个被引入本来是django-mdeditor中渲染md内容用的,暂时不知道为什么会和Bootstrap的modal冲突,按上面修改就可以解决,也不影响

    5220

    解决Ubuntu 侧边栏菜单

    49330

    填坑笔记:RocketMQ息订阅

    背景介绍项目组使用阿里RocketMQ,对同一个费组设置不同的tag订阅关系,出现息丢,本文从rocketmq源码研究息发布与订阅原理,并分析导致该的原因。 复现启动费者1,费组为group1,订阅topicA的息,tag设置为tag1 || tag2启动费者2,费组也为group1,也订阅topicA的息,但是tag设置为tag3启动生产者 ,生产者发送含有tag1,tag2,tag3的息各10条费者1没有收到任何息,费者2收到部分息 结论同一个费组中,设置不同tag时,后启动的费者会覆盖先启动的费者设置的tagtag决定了息过滤的条件 :息长度和息文本(息体,属性,uid等等)因每条息长度不一致,每个commitLog的记录长度也不一致? 服务端过滤后只返回tag2的息客户端接收息后,再次过滤。先启动的费者1订阅tagA,但是服务端返回tag2,所以费者1收不到任何息。

    3.4K21

    相关产品

    • 标准兼容测试

      标准兼容测试

      标准兼容测试(Standard Compatibility Testing)致力于为移动开发者提供完善的适配兼容测试服务,发现和定位产品在移动终端出现的适配问题,提供完整的问题信息,帮助开发者解决问题,提升产品的质量。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券