样式 菜单antd
Qt样式qss测试项目使用qss文件设置qt样式
/**菜单栏**/ QMenuBar{ background:rgb(50, 74, 86); color:rgb(253,253,253); } /*工具栏*/ QToolBar{ background:rgb(50, 74, 86); } /*工具栏按钮*/ QToolButton{ backg ......
react+antd 需求demo实现
BoxSelectionComponent.tsx import React, { useState } from 'react'; import { Modal, Button, Table, message } from 'antd'; const BoxSelectionComponent: ......
【转】【Avalonia】Avalonia 学习之样式的选择器和伪类
选择器 要设置样式，我们首先要找到对应的控件吧，所以各种各样选择的方式就出现了，这就是要说的Selector,有以下几种方式可供使用 类型选择 可以通过控件的类型来选择，也是最简单的一种选择器比如 Selector="TextBlock" 如果是用户控件或者模块化控件，需要加上命名空间和 | <St ......
利用v-html给页面添加内容，并同时为内容增加css样式
利用v-html给页面添加内容 当后端给你返回一个包含富文本的内容时，你应该使用v-html来进行加载，比如说下面这样： <!-- 这样写上之后，就会在div标签里面加载返回来的富文本内容 --> <div class='father-box' v-html="item"></div> 当我们需要给 ......
Typora修改样式，背景图片
https://blog.csdn.net/Black_Customer/article/details/108693815 https://www.cnblogs.com/nreg/p/11116176.html 注意直接点击这个打开，然后修改主题css样式，需要去:\Users\用户名\AppD ......
.Net Core拆分execl为多个文件，保持格式样式不变
.Net Core拆分execl文件 简介 一、用途 这是一个.net core写的按照指定行数拆分execl文件的例子，可以将一个execl文件按照指定行数和区域，将execl文件拆分为多个execl文件， 并且使用单元格的数据命名新的文件，在此示例中从A1到M39区域拆分为一个execl， A4 ......
antD——popover气泡卡片宽度过窄，鼠标移入时第一次位置不正确
参考：https://www.jianshu.com/p/6f96f26f4a6c/ 原效果： 修改后效果： 原因： 初次渲染的时候组件未能正确的估计到图片的大小，所以会默认按照文字显示，导致气泡出现在偏移的位置。 解决方法： 在组件初次加载的时候就给它指定好宽高即可解决问题。 <Popover p ......
六、多态样式@stateStyles
@Styles和Extend仅仅应用于静态页面的样式复用，stateStyles可以依据组件的内部状态的不同，快速设置不同样式。 @stateStyles是属性方法，可以根据UI内部状态来设置样式，类似于css伪类，但语法不同，ArkUI提供以下四种状态： focused：获焦态 normal：正常 ......
element ui dropdown 下拉菜单 有二级菜单
<el-dropdown :hide-on-click="false" ref="dropdown" @command="closeDrop" trigger="click" class="ml-10 mr-10" > <el-button type="primary"> 数据<el-icon cl ......
win11桌面右键菜单取消折叠
展开：reg.exe add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" /f /ve折叠：reg.exe delete "HKCU\Software\Classes\CLSI ......
【UniApp】-uni-app-修改组件主题和样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 uni-app-扩展组件 那么了解完了uni-app-扩展组件之后，这篇文章来给大家介绍一下 uni-app-修改组件主题和样式 首先不管三七二十一，先来新建一个项目 搭建演示环境 创建一个全新的项目，因为本文要修改组件主题和样式，所以这次创建项目选 ......
Vue3基于elementPlus定制样式覆盖
scss 变量替换方案 步骤： 安装scss pnpm add sass -D 准备定制样式文件 styles/element/index.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' w ......
HTML中的三个列表，具体的使用及列表样式
定义列表（Definition lists）：用于定义术语或概念，每个列表项由一个术语和对应的定义组成。< dl > < dt > 术语1 < dd > 定义1 < dt > 术语2 < dd > 定义2 < dt > 术语3 < dd > 定义3 ......
记录--优雅解决uniapp微信小程序右上角胶囊菜单覆盖问题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 大家好，今天聊一下在做uniapp多端适配项目，需要用到自定义导航时，如何解决状态栏塌陷及导航栏安全区域多端适配问题，下文只针对H5、APP、微信小程序三端进行适配，通过封装一个通用高阶组件包裹自定义导航栏内容，主要是通过设置pad ......
vue2、vue3适配大屏。分辨率变化，样式不变
一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co ......
react antd table react-sortable-hoc DraggableBodyRow 拖拽及禁用指定行拖拽
原文地址：基于antd树形表格table的拖拽排序效果实现 - 掘金 (juejin.cn)思路片段： const DraggableBodyRow: React.FC<any> = ({ className, style, ...restProps }) => { const index = cu ......
antd Pro组件ProFormList实现自定义action
antd Pro组件ProFormList实现自定义action ProFormList是ant design pro的结构化数据组件，通常用来实现动态表单。 现在有个需求，除了组件自带的删除和复制，还需要增加两个按钮来实现每个item位置的上下移动，如图所示： 查看官方文档，组件有提供自定义act ......
修改 el-input 内部样式
在工作中有时候需要单独设置某个 el-input 组件的内部样式，比如 字体颜色、背景色、宽度、高度等，这时就需要修改 el-input 组件的内部自带样式，修改方式如下： 修改前： el-input 独占满一整行 修改后： 模板代码 <div class="elinput"> <el-input ......
智能仪表板DevExpress Dashboard v23.1 - 支持自定义样式创建
使用DevExpress Analytics Dashboard，再选择合适的UI元素（图表、数据透视表、数据卡、计量器、地图和网格），删除相应参数、值和序列的数据字段，就可以轻松地为执行主管和商业用户创建有洞察力、信息丰富的、跨平台和设备的决策支持系统。它是一个非常实用的商业工具，提供了灵活的、交 ......
css 样式 ，高度100%填充
css 样式 ，高度100%填充 .metable { width: 100%; height: 100vh; background-color: deepskyblue; font-size: 48px; text-align: center; border-width: 0px 1px 1px ......
uni-app全局样式和局部样式
前言 好，经过上个章节的介绍完毕之后，了解了一下 UniApp 的一个全局 页面配置文件，也就是我们的一个 pages.json 文件。 那么了解完了这个文件之后，这片文章，再了解一下 UniApp 的一个全局样式和我们的局部样式。 搭建演示环境 创建一个全新的项目： 然后在配置一下，微信小程序的 ......
记录——Qt Qcreator 顶部菜单栏的隐藏与恢复
问题 我有一个朋友，手残点击了 QCreator 中视图下的这个玩意儿： 当人的眼神不好时，可能不会看到这些快捷键以及无视这些弹窗。 解决方案 快捷键 ctrl + alt + M 可恢复或者隐藏顶部工具菜单栏 ......
CSS按钮样式之button标签与input type=button的区别
原文链接：1、https://www.cnblogs.com/weihanli/p/5162828.html 2、https://www.cnblogs.com/smile6542/p/11968175.html 如果想要在页面上表示一个显示文本的按钮推荐input[type=”button”]方式 ......
CSS简介及常用样式
一、CSS简介 CSS：层叠样式表(英文全称：Cascading Style Sheets)：是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器（三种） 1.标签选择器 <style> p { ......
2023-12-05 antd的modal的右上角图标点击关闭不了modal ==》检查你的modal是否正确设置了open属性，以及是否正确设置了onCancel事件
今个儿早上测试给我提了个bug，说是modal右上角的关闭图标点击关闭不了，遂阅码，发现onCancel事件没写，只是给footer写了个取消按钮，导致点击关闭按钮时无法触发onCancel事件导致无法关闭 也有的情况就是你modal的open属性不正确 ......
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
第三方UI组件库的样式修改
一、场景： 一般来说，我们在使用第三方UI组件库（如：vant，element-plus等）时，UI组件库自带的样式不能满足用户的个性化需求时，就需要我们开发人员自己动手对组件库的局部样式进行修改。 二、修改UI组件库的顺序和方法 1、修改主题1、修改主题：每个ui组件库都有专门的修改主题的解释，如 ......