分类：弹出框

2020
11-06

vue实现点击出现操作弹出框的示例

如上图所示，这次要实现一个点击出现操作弹框的效果；并将这个功能封装成一个函数，便于在项目的多个地方使用。具体思路是：封装一个组件，组件保护一个插槽，我们可以根据不同的场景，利用插槽随意在这个弹框里插入任何元素，这个弹框显示时根据我鼠标的点击位置，定位弹窗的位置，并在组件里面监听鼠标抬起事件，触发事件时将弹窗隐藏；接着在函数中利用createElement和appendChild方法将弹出框创建并插入到页面中；&n... 继续阅读 >

2020
10-08

Element Popover 弹出框的使用示例

组件—弹出框基础用法<template><el-popoverplacement="top-start"title="标题"width="200"trigger="hover"content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"><el-buttonslot="reference">hover激活</el-button></el-popover><el-popoverplacement="bottom"title="标题"width="200"trigger="click"content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"><el-buttonslo... 继续阅读 >

2020
09-30

android自定义弹出框样式的实现方法

前言：做项目时，感觉android自带的弹出框样式比较丑，很多应用都是自己做的弹出框，这里也试着自己做了一个。废话不说先上图片：实现机制1.先自定义一个弹出框的样式2.自己实现CustomDialog类，继承自Dialog，实现里面方法，在里面加载自定义样式的弹出框；3.使用时，与使用Dialog一样具体代码dialog_normal_layout.xml样式文件<?xmlversion="1.0"encoding="utf-8"?><FrameLayoutxmlns:android="http://schemas.androi... 继续阅读 >

2020
09-23

Vue组件化开发之通用型弹出框的实现

本文主要分享关于组件化开发的理解，让刚入门的小伙伴少走一些弯路，提高开发效率，作者本人也是新手，如有不当之处，请大佬指出，感谢。相信很多刚入门的小伙伴，经常会写很多重复的代码，而这些代码一般情况下也都是大同小异，在这种情况下，如何让开发和学习变得更加高效，组件化的思想就显得尤为重要。这里通过设计一个简单的弹出框，给小伙伴们分享组件化的应用。组件&组件化组件化是对某些可以进行复用的功能进行封装的标准... 继续阅读 >