草庐IT

ui-virtualization

全部标签

Vue+Element Ui实现el-table自定义表头下拉选择表头筛选

用vue+elementui开发管理系统时,使用el-table做表格,当表格列过多的时候,想要做成可选表头的,实现表格列的筛选显示,效果如下:代码文件结构:废话不多说,直接上代码:第一步:新建名为TableHeaderRender.vue 的文件      placement="bottom"    width="200"    trigger="manual"    v-model="visible"    @show="showPopover"    popper-class="table-header-popover"  >                  placeholder="

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云,项目地址:https://gitee.com/breezefaith/uniapp-vue3-ts-scaffold文章目录使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架一、前言二、脚手架技术栈简介2.1uni-app2.2vue32.3TypeScript2.4Pinia2.5TailwindCSS2.6uv-ui2.7vite三、详细步骤3.1Node.

Cypress UI/API测试的使用参考

官网的深入示例https://docs.cypress.io/examples/examples/recipes.html 类别地址和备注workshophttps://docs.cypress.io/examples/examples/workshop.html#End-to-end-Testing-with-Cypress-io https://github.com/cypress-io/testing-workshop-cypress 这里有初中高级别的学习说明。包含一步步如何把工程等做出来的Recipeshttps://docs.cypress.io/examples/examples

HarmonyOS应用开发学习笔记 UI布局学习 相对布局 (RelativeContainer)

UI布局学习之相对布局(RelativeContainer)官方文档一、关键字RelativeContainer,alignRules(适配规则) Text('Text02').alignRules({left:{anchor:'text01',align:HorizontalAlign.Start},top:{anchor:'text01',align:VerticalAlign.Bottom},bottom:{anchor:'text01',align:VerticalAlign.Bottom},right:{anchor:'text01',align:HorizontalAlign.

原生微信小程序自定义tabbar引入Color UI样式

原生微信小程序自定义tabbar引入ColorUI样式前言使用步骤1.修改app.json配置自定义tabbar2.添加自定义tabbar代码文件3.引入ColorUI样式4.编辑wxml代码5.编写js代码6.编写tabbar页面的onShow函数效果总结前言ColorUI是一款适应于H5、微信小程序、安卓、ios、支付宝的高颜值,高度自定义的Css组件库。本文介绍了原生微信小程序如何自定义tabbar并使用ColorUI样式使用步骤ColorUI的安装请自行参考官方文档,以下步骤以已安装ColorUI为前提1.修改app.json配置自定义tabbar重点:配置tabbar.custom=

鸿蒙开发(五)鸿蒙UI开发概览

  从用户角度来讲,一个软件拥有好看的UI,那是锦上添花的事情。再精确的算法,再厉害的策略,最终都得通过UI展现给用户并且跟用户交互。那么,本篇一起学习下鸿蒙开发UI基础知识,认识下各种基本控件以及使用方式。目录一、UI开发概述 1、初识ArkTS语言2、基本语法概述三、声明式UI描述1、创建控件2、配置控件属性3、配置事件四、代码和效果鸿蒙系列上一篇鸿蒙开发(四)UIAbility和Page交互-CSDN博客文章浏览阅读484次,点赞11次,收藏6次。通过上一篇的学习,相信大家对UIAbility已经有了初步的认知。在上篇中,我们最后实现了一个小demo,从一个UIAbility调起了另外一

精通UI弹窗设计的5个规范和技巧!

作为UI设计师,当你在工作中遇到提示和反馈时,你会在设计中不假思索地使用弹出窗口吗?你能合理地说出为什么使用这个控制器吗?弹出窗口是链接产品交互和用户操作的常用方式,可以处理用户「即时任务」,它也可以作为当前操作反馈或状态的提示通知用户,但你真的足够了解它吗?让我们带你去探索弹出窗口!弹出窗口的定义和分类弹出窗口是一个浮动层,旨在激发用户的反应,需要用户与之互动。它可以告知用户关键信息,要求用户做出决定,或涉及多个操作。根据iOS和MD规范,弹出窗口可分为模态弹出窗口和非模态弹出窗口。一般来说,非模态弹出窗口用于告诉用户信息内容。除了告诉用户信息内容外,模态弹出窗口还需要用户进行功能操作。①模

Jetpack Compose -> 声明式UI & Modifier

前言本章主要介绍下Compose的声明式UI以及初级写法;什么是声明式UI传统UI传统UI方式来声明UI是通过xml来进行显示的,显示文字的方式是使用TextView,它内部显示文字的方式有两种,一种是在xml中直接设置,通过下面这种方式设置android:text="@string/app_name"这种方式是通过初始值在xml中进行预设置的;还有一种是在代码中直接调用setText进行设置TextViewtextView=findViewById(R.id.text);textView.setText("xxxx");代码中是通过setText后续对值进行手动更新的;这种需要手动对界面更新

ios - 核心数据 - 在对象在多对多关系更改属性后更新 UI

我有一个看起来像这样的核心数据模型:Author======-name-bio-books(to-manyrelationship)Book====-title-releasedate-author(to-onerelationship)我向用户展示了作者的表格View,每个表格单元格代表一位作者,并显示他的姓名和他最近写的书的标题。为了显示作者列表,我将NSFetchedResultsController与以下NSFetchRequest一起使用:NSFetchRequest*request=[[NSFetchRequestalloc]initWithEntityName:@"Aut

HarmonyOS鸿蒙基于Java开发:Java UI 常用组件 ProgressBar

目录支持的XML属性创建ProgressBar设置ProgressBar设置ProgressBar的方向设置ProgressBar的进度及最值设置ProgressBar的颜色设置ProgressBar的底色设置ProgressBar分割线设置ProgressBar分割线颜色设置ProgressBar的提示文字ProgressBar用于显示内容或操作的进度。支持的XML属性ProgressBar的共有XML属性继承自:ComponentProgressBar的自有XML属性见下表:表1 ProgressBar自有XML属性属性名称中文描述取值取值说明使用案例divider_lines_enabl