草庐IT

Elment-ui

全部标签

基于element-ui el-dialog组件封装,可缩放+可移动的弹窗组件

源码下载改组件继承el-dialog组件百分之95属性,可直接对进行替换。在项目中我的命名为:SkDialog。废话不多说,直接上代码:vue代码:搞成组件,路径随意,推荐统一放在组件目录下{{title}}exportdefault{name:'SkDialog',props:{visible:{type:Boolean,default:false},titleVisible:{type:Boolean,default:true},width:{type:String,default:'50%'},height:{type:String,default:'100%'},top:{type:S

鸿蒙开发-UI-页面路由

鸿蒙开发-UI-组件鸿蒙开发-UI-组件2鸿蒙开发-UI-组件3鸿蒙开发-UI-气泡/菜单文章目录一、基本概念二、页面跳转1.router基本概念2.使用场景3.页面跳转参数传递三、页面返回1.普通页面返回2.页面返回前增加一个询问框1.系统默认询问框2.自定义询问框总结前言前面系列文章,我们详细学习了鸿蒙开发UI组件相关知识,学习了组件基本使用方法、自定义样式以及各种组件的使用场景,本文将学习鸿蒙开发UI页面路由一、基本概念页面路由指在应用程序中实现不同页面之间的跳转和数据传递。HarmonyOS提供了Router模块,通过不同的url地址,可以方便地进行页面路由,轻松地访问不同的页面二、页

Vue - Element UI 级联选择器 el-cascader 组件设置点击 label 文字直接选中,无需点击圆形单选框选中(解决开启 “单选模式“ 后无法通过点击整行直接选中的问题)

前言如果您需要Vue3版本,请访问这篇文章。本文实现了在vue+elementUI项目开发中,el-cascader级联选择器开启“严格单选模式(父子节点取消选中关联,达到选择任意一级选项)”后,选中操作改为直接“点击文字整行”就能选中,并且点击后自动隐藏收起下拉弹框功能,网上千篇一律的无效方案,本文的方案保证不影响全局样式、不影响其他级联组件工作,强大好用。如下图所示,现在可以点击文字或单选圆圈选中,并且局部独立不互相影响!示例代码干净整洁,新手小白复制粘贴即用!示例代码此解决方案是通用的,也就是说复选框、单选框,单选和多选都可以使用。随便找个页面,一键复制运行起来即可。template

javascript - 带有 ui-router SEO 的 angular.js 是否友好?

例如,如果内容动态加载并具有像“mysite.com/#/some/page”这样的散列URL,那么它是否对SEO友好,或者它不会被Google和Bing编入索引? 最佳答案 由于搜索引擎不运行javascript,您需要为您的页面制作静态html版本,以便它们可以被它们索引,您还应该有一个站点地图。有一个库可以帮助使用phantomjs完成此操作:https://github.com/steeve/angular-seo这在此处进一步解释:http://www.yearofmoo.com/2012/11/angularjs-and

jquery - 我应该加载整个 jQuery UI JS/CSS 还是只加载特定页面上我需要的部分?

我知道你们中的许多人会说什么。这是一个愚蠢的问题,或者这不是正确的论坛,或者取决于应用程序等。我只是想知道我是否有一个自定义主题,我将来可能会改变它是一个好主意,将jQueryUI分开,我的意思是将JS类和CSS分成更小的block(文件,如droppable等)和只包含我在特定页面上需要的那个,或者将它们放在一起并在每个页面上加载整个UI。两者都有积极和消极的一面。我只是不确定哪个更好。你有什么看法。有什么不同的方法吗? 最佳答案 我个人的意见是,如果您想在将来保持最新,保持jQueryUI会容易得多文件完整,否则将来要更新您将不

angularjs - 在 Angular UI-Router 的动态 View 中添加一个 SEO 友好的 Url Slug

在Angular设置中,我选择了AngularUI-router来在View之间切换。我的配置如下:.config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/app/home');$stateProvider//Nav.state('app',{url:'/app',templateUrl:'templates/navbar.html',abstract:true,controller:'AppCtrlasapp',})//Home.state('app.home',{url:'

angularjs - Angular ui.router : Update URL without view refresh

我有一个AngularSPA,它根据一些餐厅数据的不同裁剪(请参阅m.amsterdamfoodie.nl)提供各种推荐列表和位置的Googlemap。我希望每个列表都有自己的URL。为了让Google抓取不同的列表,我使用Canvas导航的标签。目前标记会导致View刷新,这在map上非常明显。我可以使用ng-click来防止这种情况发生和$event.preventDefault()(请参阅下面的代码片段),但我需要实现一种更新浏览器URL的方法。但是在尝试Angular的$state或浏览器的history.pushstate,我最终触发了状态更改和View刷新...!因此我的问

【自动化测试】Pytest+Appium+Allure 做 UI 自动化的那些事

文本主要介绍下Pytest+Allure+Appium记录一些过程和经历。法主要用了啥:Python3AppiumAllure-pytestPytestAppium不常见却好用的方法Appium直接执行adbshell方法#Appium启动时增加--relaxed-security参数Appium即可执行类似adbshell的方法appium-p4723--relaxed-security#使用方法defadb_shell(self,command,args,includeStderr=False):“”"appium--relaxed-security方式启动adb_shell(‘ps’,[

Element-UI 表单校验

{required:true,message:'必填',trigger:'change|blur'}指示type要使用的验证器。认可的类型值为:string:必须是类型string。Thisisthedefaulttype.number:必须是类型number。boolean:必须是类型boolean。method:必须是类型function。regexp:必须是RegExp创建新的时不产生异常的实例或字符串RegExp。integer:必须是类型number和整数。float:必须是类型number和浮点数。array:必须是由确定的数组Array.isArray。object:必须是typ

HarmonyOS鸿蒙基于Java开发: Java UI 多模输入开发

目录约束与限制场景介绍接口说明开发步骤HarmonyOS旨在为开发者提供NUI(NaturalUserInterface)的交互方式。有别于传统操作系统的输入划分方式,在HarmonyOS上,我们将多种维度的输入整合在一起,开发者可以借助应用程序框架、系统自带的UI组件或API接口轻松地实现具有多维、自然交互特点的应用程序。具体来说,HarmonyOS目前不仅支持传统的输入交互方式,例如按键、触控、键盘、鼠标等,同时提供多模输入融合框架,可以支持语音等新型的输入交互方式。约束与限制多模输入事件在不同形态产品支持的情况如下表。 表1 多模输入事件在不同形态