实现如图所示的功能实现步骤: 1.html页面需要注意的内容 1)、 table<div id="hidden1" lay-filter="hidden1" style="display: none"><table id="department_result" lay-filter="department_result"></table> </div>2)、弹出部门表格中的按钮<!-- 添加 弹出部门表格的 tool(里面的按钮) <script type="text/html" id="hidden1-table-tool"><a class="layui-btn layui-btn-xs" lay-event="select">选择</a> </script>2.js实现 ...
主要是因为修改功能,原来页面填写数据如图改为其中点击填写明细弹出框填写完毕后点击确认返回,同事这里因为她是存的多表,所以点击确认就直接保存数据了,改的这个功能原本保存是整体保存,我就不想改原来的逻辑,只想把填写的值带回去用隐藏控件存一下,到时候按照原来的逻辑整体存,所以没办法参考她的,最后搜索很多,解决了问题,具体代码如下: 父页面: <div class="row"> <div class="col-md-6"> <div class="form-group ...
自动登录勾选提示效果 要求:鼠标移入显示提示信息框;鼠标离开,信息框消失,消失的效果延迟 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>#sign{display: inline-block;width: 15px;height: 15px;border: 1px solid #ccc2c2;}#tip{width: 150px;he...
相信在实际开发过程当中,肯定少不了这样的功能:点击 AppBar 右上角的按钮,弹出一个菜单供用户选择。 幸运的是,Flutter 提供给我们了一个 Widget,直接就能实现如上的效果。 PopupMenuButton 还是老规矩,先看官方的说明: Displays a menu when pressed and calls onSelected [1] when the menu is dismissed because an item was selected. The value passed to onSelected [2] is the value of the selected menu item. One...
本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考,具体如下: 这篇给大家分享一个简单的遮罩层特效,先上效果图。代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>查看,修改,删除</title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><style>table{width:500px;border:1px solid blue;border-collapse: collapse;}table th{border:1px solid bl...
简单介绍一下vue中常用dialog组件的封装: 实现动态传入内容,实现取消,确认等回调函数。 首先写一个基本的弹窗样式,如上图所示。 在需要用到弹窗的地方中引入组件: import dialogBar from ./dialog.vue components:{dialog-bar: dialogBar, }, <dialog-bar></dialog-bar>点击一个按钮显示弹窗,并保证关闭弹窗后再次点击依旧显示 在弹窗组件中定义一个value值:v-model="sendVal",sendVal初始值为false。 在打开弹窗的方法中赋...
调试了好久, 还能凑合用, 请直接看DOME 示例,复制就能用: <!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8"><title>Title</title><!-- import CSS --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><style media="screen" type="text/css">#appLoading {width: 100%;height: 100%;}#appLoading span {position: absolute;display: block;font-size: 50px;line-height: 50p...
1.如何引入 在vue-cli里,引入文件有几钟方法 一种是用npm或者cnpm指令去下载对应的插件,然后在main.js里用import方法引入,这里不讨论这种方法 我比较喜欢采用的是直接下载对应的js,然后引入到vue项目中去 问题来了,如何引入呢 方法如下: 下载对应的js文件或者css文件,一般下载插件相关联的都会在一起进入vue-cli项目工程里的index.html文件,分别引入css文件和js文件在这里,分别是 <link rel="stylesheet" href="./static/l...
微信小程序动画之消息框弹出,供大家参考,具体内容如下上图js:Page({data: {showModalStatus: false},powerDrawer: function(e) {var currentStatu = e.currentTarget.dataset.statu;this.util(currentStatu)},util: function(currentStatu) {/* 动画部分 */// 第1步:创建动画实例 var animation = wx.createAnimation({duration: 300, //动画时长 timingFunction: "linear", //线性 delay: 0 //0则不延迟 });// 第2步:这个动...
微信小程序动画之弹出菜单,供大家参考,具体内容如下 效果图js: Page({data: {isPopping: false,animPlus: {},animCollect: {},animTranspond: {},animInput: {},animCloud:{},aninWrite:{},},//点击弹出plus: function () {if (this.data.isPopping) {//缩回动画this.popp();this.setData({isPopping: false})} else if (!this.data.isPopping) {//弹出动画this.takeback();this.setData({isPopping: true})}},input: function ...
一,【前言】最近架构组开发的”异常监控平台”,虽说是公司内部基础研发部业务组上百人用的一个系统,但是对一下体验度的提升还是要的,例如,删除是直接删除还是删除之前有一个确认弹出框比较好呢? 答案当然是有确认提示框好,这样可以避免误删.二,【详情】 1,思考方法: 可以添加 js, 或添加一个 function 用一个Ajax. 2,现在情况: 原代码删除是 HTML表单形式,调接口的方式; 网上查了一般都是 onclick方式,这怎么办?3,本次解决方案: ...
项目中使用的jquery版本是jquery-3.2.1,在使用layui弹出全屏iframe窗口时,iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏,代码如下: <!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>zqc</title><script type="text/javascript" src="js/jquery-3.2.1.min.js"></script><link rel="stylesheet" href="layui...
具体代码如下所示://HTML部分 <div class="wrap"></div> <div class="popUpBox"><div class="layer-head"><div class="layer-head-text">弹出框</div><div class="layer-close"></div></div><div class="layer-body"></div><div class="layer-footer"><div class="layer-footer-button-group"><div class="layer-footer-button layer-sure">确定</div><div class="layer-footer-button layer-cancel">取消</div></div></div> </di...
实现功能 提交按钮功能: 点击提交按钮的时候都会弹出模态框,但是有不同的状态: 审核状态未通过:弹出未通过理由的input输入框,模态框中除了取消和确定按钮,新增确定并保存医院的按钮 审核状态已通过:如果新增医院的经纬度没有填写,会提示填写经纬度,填写之后点击提交按钮,模态框中显示确定和取消按钮 审核状态待审核:模态框中显示确定和取消按钮 添加医院的html代码:<div class="form-group"><label class="control-lab...
本文实例讲述了JS实现点击li标签弹出对应的索引功能。分享给大家供大家参考,具体如下: 需求:点击li标签,弹出对应的索引 先看效果:html结构: <ul id="ul1"><li>我是li标签1</li><li>我是li标签2</li><li>我是li标签3</li><li>我是li标签4</li><li>我是li标签5</li> </ul>方法一:直接往标签里添加索引的方法 var list=document.getElementById(ul1).children;//获取所有的li标签 for(var i=0;i<list.length;i++){//遍历每一个li标签...