样式 按钮 颜色css
按钮防重复提交
main.js 添加代码 //防多次点击，重复提交 Vue.directive('preventReClick', { inserted(el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabl ......
CSS基础-2D变形
变形是CSS3中比较颠覆性的特征之一，今天介绍四种2D变形旋转、缩放、倾斜、位移变形。 变形在CSS3用 **transform** 属性 来实现。 ### **transform-origin 属性** transform-origin 表示旋转的原点，默认是在盒子的中心位置(center)。 ! ......
animate.css动画库
使用CSS3的animation制作的动画效果的CSS集合，里面预设了很多种常用的动画（官网：https://animate.style/） // 安装 npm install animate.css （npm安装） https://unpkg.com/animate.css@3.5.2/anima ......
React加载组件后自动触发某函数，而不需要点击按钮
##问题 在项目中使用了ReactToPrint来实现打印，但是trigger属性中的按钮需要点击才能执行打印。 期望能在组件加载完成时自动执行打印方法。 ## 解决 可在组件加载完成时，通过id获取组件，并执行该组件的click方法。 代码如下： ``` import React, { useRe ......
vue-颜色选择器（vColorPicker）
// 安装插件 // 官网：http://vue-color-picker.rxshc.com/ npm install vcolorpicker -S // main.js 中全局引入 import vcolorpicker from 'vcolorpicker' Vue.use(vcolorpi ......
带样式的console.log
* log的二次封装 * 具体代码 ```js function print(info) { const contentArr = info.map(info => info.content); const styleArr = info.map(info => info.style).map(st ......
黑魂242 动作按钮
在IUserInput脚本里添加一个新的布尔值： 然后在KeyBoardInput脚本里添加这个变量的键位： 在ActorController脚本添加这两行代码： 在下面写一个判断式，当控制键action触发时，唤醒OnAction。 ......
CSS3新增内容
# [CSS3新增内容](https://www.cnblogs.com/fangchaoduan/p/17661041.html) ## `css3新增内容` - 布局方面新增了`flex布局`、`媒体查询` - 选择器方面新增了 `:first-of-type`,`:nth-child`等选择器 ......
引用css
使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。 示例代码： <style> @import "../../common/uni.css"; .uni-card { box-shadow: none; } </style> ......
css语法
CSS 支持 nvue样式 css预处理器 #页面样式与布局 uni-app 的 css 与 web 的 css 基本一致。本文没有讲解 css 的用法。在你了解 web 的 css 的基础之上，本文讲述一些样式相关的注意事项。 uni-app 有 vue 页面和 nvue 页面。vue 页面是 w ......
HTML引入CSS的方式
虽然很简单，但久了不用还是容易忘，暂且记一下： 1、html引入css文件之直接在div中使用css样式制作div+css网页 <div style="border:1px red solid;">html引入css文件</div> 说明：html引入css文件的这种方法不建议使用，因为会让页面的标 ......
普通表格table样式美化
```css table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #e9e9e9; } table th { background: #f7f7 ......
解决el-button的:focus引起的样式问题
问题描述 当点击按钮时，按钮处于灰色状态，但是鼠标移出按钮，按钮并没有回复成原本的颜色 问题产生原因 在鼠标点击按钮后，按钮处于:focus状态 // element的源码.el-button:focus,.el-button:hover { color: var(--el-button-hover ......
CSS技术详解
1 CSS特性介绍 随着数据中心数据访问量的逐渐增大以及网络可靠性要求越来越高，单台交换机已经无法满足数据中心大数据量访问的要求。为了满足数据中心大数据量转发的需求和网络高可靠性需求，提出了交换机堆叠。 CSS是Cluster Switch System的简称，又被称为集***换机系统（简称为CSS ......
列举出css所有的样式选择器
以下是 CSS 中常见的各种样式选择器： 1. 元素选择器：通过 HTML 元素名称选择元素，如 `p`、`div` 等。2. 类选择器（Class Selector）：通过 `class` 属性选择一个或多个具有相同类名的元素，如 `.example`。3. ID 选择器（ID Selector） ......
记录--一个炫酷的css动画
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。 第一层的圆环很简单。 第二层的圆环其实也挺简单的，只要在设置 ......
css粘性页脚，固定一个页脚
css粘性页脚，固定一个页脚 方案一： <div class="wrapper"> <header class="page-header">This is the header</header> <article class="page-body"> <p>Main page content her ......
DBC上传模板增加按钮
*& * *& Report Z100 *& *& * *& *& *& * REPORT Z100 MESSAGE-ID ZHQ NO STANDARD PAGE HEADING. TABLES SSCRFIELDS. SELECTION-SCREEN FUNCTION KEY 1. SELECT ......
jq导出带样式的excel表格
引入jS<script type="text/javascript" src="/Public/js/jquery.2.2.4.min.js"></script> <script type="text/javascript" src="/Public/js/jquery.table2excel.js ......
VisionPro 颜色工具
1.了解4种颜色工具的差异： ColorExtractor颜色提取工具，报告相应颜色像素个数 ColorMatch颜色匹配工具，报告相应颜色匹配分数 ColorSegmenter颜色分段工具，报告分段图像 ColorCompositColorMatch复合颜色匹配工具，适应复合颜色纹理区分 2.掌握 ......
[转]vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？
原文地址: vue中的css深度选择器 :deep(<inner-selector>)、/deep/、>>>、::v-deep 到底是什么？ - 掘金 vue中的css深度选择器 概念与作用 当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，父组件的样式将不会 ......
【pandas小技巧】--DataFrame的显示样式
上一篇介绍了`DataFrame`的显示参数，主要是对`DataFrame`中值进行调整。 本篇介绍`DataFrame`的显示样式的调整，显示样式主要是对表格本身的调整，比如颜色，通过颜色可以突出显示重要的值，观察数据时可以更加高效的获取主要信息。 下面介绍一些针对单个数据和批量数据的样式调整方式 ......
LinkButton控件，点击按钮带参数到后台
LinkButton实现带参数到后台方法详解 一：LinkButton控件常用的属性 Text：用于设置控件显示的文本内容。 ToolTip：鼠标悬停在控件上时显示的提示信息。 CommandArgument：用于向服务器端的事件处理程序传递额外的参数。 CommandName：用于标识LinkBu ......
模拟气泡样式
.bubble { right: 0; top: 45px; position: absolute; padding: 0 12px; font-size: 14px; height: 30px; line-height: 30px; color: $color-FF482D; background ......
CSS基础-背景
### **background-color** 背景颜色， 可以使用十六进制、rgb、rgba表示。 **语法** ``` /**selector 背景元素的原则去*/ /** color 背景颜色的值， 可以是 颜色名称、十六进制值、RGB、RGBA*/ selector { backgroun ......
umi-qiankun——子应用vue+element返回主项目react+antdReact，样式丢失问题
参考： [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
Vue【原创】下划线动态效果按钮，一般按钮模式，开关切换模式。
1.lilo-icon-button 一般按钮模式： 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style=" ......
element 树形控件，父节点不显示复选框，子节点显示复选框，需增加特定样式
代码复用参考： /deep/ .stafftree .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner { display: inline-block; } /deep/ .stafftree .el-tree .el ......