草庐IT

ui-virtualization

全部标签

[element-ui] el-table点击高亮当前行

1、highlight-current-rowtr.current-row>td,.el-table__bodytr:hover>td{background:#f5f5f5;}2、:row-class-name=“tableRowClassName”,需要借助@row-click="handleRowClick"获取当前点击行的下标data(){return{tableRowIndex:0}}handleRowClick(row){this.tableRowIndex=this.getArrayIndex(this.tableData,row);//获取当前点击行下标   //...点击当前行

Ant Design Mini - 支付宝小程序官方推出的免费开源 UI 组件库,新增支持微信小程序,实用性大大增加

支付宝小程序官方的UI组件库开始支持运行在微信小程序上了,如果要开发这两家小程序平台,这套组件很合适。AntDesignMini也简称antd-mini,是一套运行在支付宝小程序的UI组件库,UI设计遵循AntDesign规范,目前已经正式加入到了AntDesign生态,成为官方的UI组件库。作为一套遵循AntDesign设计规范的组件库,AntDesignMini的logo沿用了AntDesign系列logo的基础几何图形,设计理念来源于小程序英文“MiniProgram”中首字母“M”的变形,达到了和AntDesign一致的视觉效果,我个人很喜欢这个logo。高性能:不需要配置,自动优化最

基础小白如何逐步提升UI技能并成为大神?快速入门指南!

经常在网上看见很多同学发帖询问零基础没有接触过UI设计的,现在入门还来得及吗?其实完全来得及,只要你想学习,任何时候开始都是不晚的!本期快速入门小技巧,即时设计就来给大家梳理一下关于UI设计的那些事儿!本文中即时设计会告诉大家UI设计是什么?为什么要进行UI设计?以及怎样选择一款简单易上手的UI设计软件?希望通过这三个问题,解答你们心中的疑惑以及消除你们心中的疑虑。即时设计-可实时协作的专业UI设计工具即时设计是一款支持在线协作的专业级UI设计工具,支持Sketch、Figma、XD格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。http

使用 CRXJS、Vite、TypeScript、Vue3、Pinia、Less、Naive-ui 开发 Chrome 浏览器插件——自带热加载,无需手动配置 vite.config.ts 文件

一、CRXJS一、什么是CRXJS?CRXJSVitePlugin是一款使用现代Web开发技术制作Chrome扩展的工具二、CRXJS的作用CRXJS支持热加载和静态资源导入,无需手动构建配置工具CRXJSVite插件通过将Vite的精细功能与简单的配置策略相结合,简化了Chrome扩展开发者体验二、使用Vue开发Chrome插件一、创建Vue项目1.使用Vite创建Vue项目npmcreatevite@latest#npmyarncreatevite #yarnpnpmcreatevite #pnpm选择Vue和TS进入项目,并进行pnpmi安装node_modulespnpmi#安

EL-UI树形表格页面首次加载-默认收起

问题描述:在vue中使用element的树形表格时,想要在页面初始化时就默认收起树形表格下拉,但是实际开发过程中在表格中设置default-expand-all属性之后表格并不起效果,也就是页面初始化之后树形列表仍旧都是展开的,这就很不合理;如果数据较少的话还可以接受,但是如果数据很多,而用户迫切的想要通过顶级列表进行一系列操作,而给用户初始化看到的却是全部展开的列表,搁谁谁不烦!!!原因:default-expand-all属性确是是可以收起树形表格的,但是它起作用的时机为表格初始化时。但是在实际开发过程中表格的数据获取是异步的,也就是说,在数据来到表格之前,这个属性已经走完了它的流程,而当

HarmonyOS—LocalStorage:页面级UI状态存储

LocalStorage是页面级的UI状态存储,通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility实例内,在页面间共享状态。本文仅介绍LocalStorage使用场景和相关的装饰器:@LocalStorageProp和@LocalStorageLink。说明本模块从APIversion9开始支持。概述LocalStorage是ArkTS为构建页面级别状态变量提供存储的内存内“数据库”。应用程序可以创建多个LocalStorage实例,LocalStorage实例可以在页面内共享,也可以通过GetShared接口

基于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