artDialog: artDialog是一个基于javascript编写的对话组件,它 [url]http://www.planeart.cn/demo/artDialog/index.html[/url]...
原创 2022-06-21 13:48:33
119阅读
展示: 代码: 1 <template> 2 <div> 3 <el-col :span="9" style="text-align: right;"> 4 <el-button @click="dialogVisible=true" 5 style="text-align: right;fon
原创 2022-08-11 22:48:47
1477阅读
vue第九课<el-image :src="kingico" @click="isshow()" ></el-imag
原创 2019-05-25 08:43:13
664阅读
# Android 插件的实现 ## 引言 欢迎来到我的文章,我将教会你如何实现一个具有功能的 Android 插件。本文将分为以下几个部分来详细介绍实现的流程和每个步骤需要做的事情: 1. 准备工作 2. 创建布局 3. 定义类 4. 调用示例 ## 1. 准备工作 在开始之前,我们需要确保你已经准备好了以下环境和工具: - Android Studio:用于开发
原创 2024-02-04 04:31:15
91阅读
index.vue <template> <div class="app-container"> <el-card shadow="never"> <el-table v-loading="loading" :data="pageData" highlight-current-row border>
原创 1月前
59阅读
        项目中往往会遇到弹出,对话,提示等,下面就是一款原创的简单大方的提示形式样式素材,基本效果如图:         此种提示采用纯CSS样式编写,修改及美化简单,无需任何图片,首先是html代码部分: <div
Vue3-Popup 基于vue3构建的手机端自定义层组件。一款集合了msg、alert、dialog、modal、actionSheet、toast等多种效果的Vue3自定义层组件。支持上下左右弹出、圆角、自定义层样式、多按钮及长按/右键功能。引入v3popup// 在main.js中全局引入 import { createApp } from 'vue' import App from
# 好看的Android插件 Android开发中,(Dialog)是一种常见的用户交互方式。可以用于提示信息、获取用户输入、确认用户操作等。不过,系统默认的样式可能并不总是符合应用整体设计风格。在这种情况下,使用第三方的插件将会是一个不错的选择。 本文将介绍一些流行的Android插件,并提供代码示例,帮助开发者快速实现美观且功能强大的。 ## 1. 插件
原创 2024-09-27 06:11:26
264阅读
# 移动端 jQuery 插件的实现指南 在开发移动端应用时,(也称模态)是常用的交互方式之一。本文将指导你如何使用 jQuery 创建一个简单的移动端插件。以下是整个过程的概览: ## 整体流程 | 步骤 | 描述 | |------|-------------------------| | 1 | 引入jQuery库
原创 10月前
128阅读
layer常用方法layer.msg(content, options, end) - 提示layer.msg('提示内容,唯一不可省略的项', {   icon: 1,//表情类型   time: 2000 //2秒关闭(默认是3秒) }, function(){   //do something,关闭后想做些什么 });官方介绍是目前露脸率最高的提示。因为它简单,默认会3秒后自动消失,
转载 2020-06-24 16:11:00
146阅读
2评论
核心代码是 getCookie()部分,控制的显示隐藏则在 created()中。 原文地址:https://segmentfault.com/a/1190000013019136
转载 2018-11-13 14:19:00
938阅读
2评论
element-ui中Dialog拖动 自己码的源码 借用网上样例,网上样例不支持在浏览器可见范围内拖动,在结合vue-element-ad...
原创 2022-03-17 14:00:18
851阅读
vue 全局自定义简单
转载 2019-08-23 15:04:00
303阅读
2评论
首先在router创建一个js文件js文件内容://页面调用 v-dialogpop-upimport Vu
原创 2022-09-06 12:25:08
243阅读
本篇文章将封装一个优雅的项目级通用弹出。该弹出实现重用的同时,将内容与表现分离,让使用者可以专注于绘制框内容,而不用在意的具体实现。文章阅读预计15分钟。成果预览:一 父组件准备我们创建文件modelTest.vue,将其引入父组件并注册。// 父组件 <template> <div class="home"> <button @cl
转载 2024-09-30 06:38:57
819阅读
对话的四种类型:消息, 输入,确认, 颜色背景:建一个名为“ActionEventDemo”的窗口,在其中放置了一个按钮,一个面板,一个标签。 1)消息对话(1)点击按钮弹出名为"消息提示对话"的消息对话,对话里的内容为:“是否要输入内容”。选择“是”即输入 代码中 已经给出的内容。代码如下: 1 package HandEvent; 2 3 impor
转载 2023-09-14 22:10:04
84阅读
首先我们需要写一个弹窗子组件:children.vue第一个问题:子组件是显示父组件的提示信息的,并且有确认与取消按钮!那如何由父组件自己去定义写入子组件的HTML元素:子组件里用来接受父组件自己写入的HTML第二个问题:子组件的高度是根据父组件写入的HTML自动变化宽度和高度的,那我们都知道弹窗必然是固定居中在页面中央的,对于自动变化的宽高盒子我们如何居中:首先position:fixed;固定
原创 2021-05-20 08:10:49
666阅读
# 如何实现 Android Vue 页面中心弹出 在 Android 应用开发中,使用 Vue.js 作为前端框架日渐流行,特别是在搭建移动端界面时,能够有效提高开发效率。本文将教你如何在 Android 环境中实现 Vue.js 页面的中心弹出效果。整个流程将分为几个步骤,接下来我们将使用表格展示这些步骤,并详细讲解每一步的代码实现。 ## 流程概览 以下是实现 Vue 页面
原创 2024-10-21 08:00:16
58阅读
this.$showModal({ show: true, obj: { title: '温馨提示', dialog_msg: '测试测试测试测试', button_confirm: '确定', button_cancel: '取消', }, onClick: (val) => { ...
原创 2022-07-25 16:31:13
198阅读
项目简介是一个基于 Vue.js 的 UI 组件库,它是 Ant Design 设计语言在 Vue 生态中的实现,致力于提供高质量的前端开发解决方案。该项目由 Ant Financial 开源,与 Ant Design React 版本保持一致的设计理念和组件体系,为 Vue 开发者带来了与之相媲美的开发体验。技术分析组件丰富Ant Design Vue 包含了大量的 UI 常见组件,如表格、按钮
转载 8月前
19阅读
  • 1
  • 2
  • 3
  • 4
  • 5