草庐IT

background_element

全部标签

vue element ui web端引入百度地图,并获取经纬度

最近接到一个新需要,要求如下:当我点击选择地址时,弹出百度地图,效果如下图:实现方法:1、首先要在百度地图开放平台去申请一个账号和key2、申请好之后,在项目的index.html中引入3、我写了一个组件,方便项目中任何地方可以调用:这里一定要设置一个宽高,容器才能更好的适应,不然显示出来达不到想要的效果,如果没有设置高度还可能显示不出来4、接下来就是开始初始化地图设置了,我的是在弹窗里面用,所有我写在watch里面的,当监测到弹窗打开时即开始初始化地图页面5、具体方法如下:直接附上源码:搜索当前地址是:{{addressName}}{{searchValue}}保存取消import{clea

Vue3 - 解决使用 Tailwindcss 后导致 UI 组件库样式受影响,引入后发现项目组件库的组件样式不对了(Element/Ant Design Vue/Naive UI/TDesign)

问题描述网上的教程都无法解决,但本文可以帮助您快速解决该问题。当项目引入Tailwindcss后,使用UI组件库的某些组件时,发现有些样式丢失及显示错位、背景色丢失等问题,频发于【按钮组件】背景色丢失|【message消息提示组件】样式位置变形等,严重的整个组件库样式都乱掉了。本文解决方案适用于任何前端框架(例如Element、AntDesignVue、NaiveUI等等),并且无论你是Vue2还是Vue3都可以,只要您按照本文的操作进行,可100%快速解决该问题。解决方案按照以下步骤进行操作࿰

基于Vue和Element UI实现前后端分离和交互

目录前言一、ElementUI简介1.ElementUI是什么2.ElementUI的特点二、项目搭建1.创建一个SPA项目2.安装Element-UI3.导入组件4.创建登陆注册界面登录组件---Login.vue注册组件---Register.vue定义组件与路由的对应关系效果演示: 三、前后端数据交互1.安装axios2.导入api模块,添加axios的全局配置3.修改main.js配置vue-axios4.数据表数据5.编写后端登录注册controller层6.使用封装后的axios发送请求7.测试四、CORS跨域1.什么是CORS?2.为什么会出现CORS问题?3.特点4.如何解决C

解决element-ui布局容器高度不能充满屏幕的问题

我们在使用element-ui的布局容器时,往往会出现这样的问题:布局容器未充满整个屏幕,下面有一大片空白区域,极度不美观。我不答应!对此,你可以试试以下方法:第一步,可以先将包含aside区域与main区域的el-container标签的高度设置为100%,(element-ui中会有对映都css语句对应el-container标签,修改它即可)body>.el-container{ margin-bottom:40px; height:100%; }第二步,再把在外部的body与html标签的高度设置为100%body,html{ height:100%; }这样,就可以百分百显示布

SSM+Vue+Element-UI实现员工工资管理系统

文末获取源码开发语言:Java框架:ssmJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7/8.0数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9浏览器:谷歌浏览器目录前言介绍系统展示前台 管理员功能部门信息管理打卡考勤管理请假信息管理工资信息管理员工绩效管理员工功能打卡考勤管理 请假信息管理工资信息管理员工绩效管理 部分核心代码工资信息上传文件前言介绍随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势;对于网上办公自动化当然也不能排除在外,随着网络技术的不断成熟,带

Element-UI--<el-switch>的@change回调函数的参数用法

原文网址:Element-UI--<el-switch>的@change回调函数的参数用法_IT利刃出鞘的博客-CSDN博客简介说明    本文介绍Element-UI的的@change回调函数的参数用法。需求2个switch组件,用同一个回调函数switch组件状态发生变化时需要知道它目前开关状态需要知道当前是哪个switch问题:不传递参数时只能知道开关状态官方文档对switch事件的描述事件名称说明回调参数changeswitch状态发生变化时的回调函数新状态的值代码exportdefault{name:'Demo',data(){return{value1:false}},method

element-ui 富文本编辑器vue-quill-editor的使用(可上传视频、上传图片及图片的放大缩小)

文章目录前言一、安装二、使用插件1、在全局挂载2.组件中挂载(选用)3.使用element-ui上传组件上传文件组件进行隐藏`修改视频标签为`4、添加下拉框滚动效果5、在鼠标悬停处加中文释义最后的Editor.vue具体代码父组件调用:效果展示前言最近做的项目中需要实现文字+图片等信息的发布,由于UEditor不怎么维护了,想换一种,于是找到了vue-quill-editor这款富文本编辑器,展示出来的效果还是不错的。开干!一、安装安装quill-editorcnpminstallvue-quill-editor--save//安装quill,这个要安装,否则报错Cannotreadprope

iOS7 : background task ("myapp" has active assertions beyond permitted time)

崩溃报告详情:HardwareModel:iPhone5,2ExceptionType:00000020ExceptionCodes:0x000000008badf00dHighlightedThread:3ApplicationSpecificInformation:MyApp[1369]hasactiveassertionsbeyondpermittedtime:{(identifier:CalledbyMyApp,from-[AppDelegateapplicationDidEnterBackground:]process:MyApp[1369]permittedBackgrou

iOS : WebView Background color to transparent

我想要的是将webview的背景颜色设置为透明。下面是我用于webview的代码。NSString*embedHTML=[NSStringstringWithFormat:@"AboutUS"];[webViewloadHTMLString:embedHTMLbaseURL:nil];但是当我使用它时,我仍然看到背景颜色为白色。知道如何让颜色变得透明吗? 最佳答案 这就是它应该做的,[webViewsetBackgroundColor:[UIColorclearColor]];[webViewsetOpaque:NO];

ios - 为什么会出现 Modal ViewController :animated: Turn The Background Black?

我正在使用presentModalViewController:animated:,虽然它在功能上可以正常工作,但在视觉上它有一个我想删除的工件。当模态呈现的viewController出现时,其父viewController完全隐藏,背景变为黑色。这不是我想要的。我的子viewController的View是半透明的,我想显示其背后的父viewControllerView。我想要的效果是一张描图纸在背景上滑动。我假设presentModalViewController:animated:支持这个。不是这样吗?谢谢,道格 最佳答案