样式 组件element情况
vue自定义组件——search-box
github地址: https://github.com/lxmghct/my-vue-components 组件介绍 props: value/v-model: 检索框的值, default: '' boxStyle: 检索框的样式, default: 'position: fixed; top: ......
【React】定时器组件
鼠标移入关闭定时器并清除，鼠标移出组件的时候打开定时器进行循环 const timer = useRef(null); useEffect(() => { startLoop(); }, []); const startLoop = () => { stopLoop(); timer.current ......
element ui的Loading组件在Dialog对话框内使用
说明 想要实现在Dialog对话框上加载效果, 父组件开启loding,子组件关闭 首先需要在父组件传值的时候把this.$loading的结果赋我们定义好的变量 代码 父组件 <page-details :data="details" ></page-details> // data部分 data ......
如何在不改变图片分辨率的情况下增加图片的大小
应某人要求将一张原图分辨率820x1148，大小83.5kb，格式为jpg的图片变成分辨率260x390，大小200kb以上1mb以下，格式为jpg的图片。 网上各种无损增大图片的方法，都无一例外的改变了图像的分辨率，最终只找到两种能够不改变图像分辨率的情况下增加图片大小的方法。 下面分享一下这两种 ......
组件的循环引用
1、递归组件：组件在自己的模板中调用自身。2、循环引用：当父引用子，子引用父时。 直接给大家上代码： MulAnalysisResult.vue 1 <template> 2 <div v-loading="loading"> 3 <div v-for="(item, index) in dataL ......
Element UI el-menu菜单 子级选中后，删除父级下划线
1.子级选中，父级也选中样式修改： .el-submenu.is-active > .el-submenu__title { color: #FFFFFF; background-color: #7E8796 !important; } 2.子级选中后，父级有下划线，可以通过以下样式修改去除下划线 ......
element-ui NavMenu 多级嵌套封装
安装依赖引用依赖 /* 安装依赖 */ // 安装element-ui npm i element-ui -S // 安装vue-fragment npm i -s vue-fragment /* main.js 引入 */ import Vue from 'vue'; // 引用element-u ......
博客园主题样式，添加背景音乐，鼠标点击等样式设置
1 博客园主题样式设置 1.1 主题文档及地址 Silence - 专注于阅读的博客园主题 (esofar.github.io) 1.2 获取文件 https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/s ......
码良本地化gods-pen脚手架不显示组件标签问题处理
问题描述 先说下问题的现象，在进行码良本地化时，使用gods-pen创建组件时，进行到组件标签选择时，没有选项。 问题猜想 gods-pen是放在npm上的，应该没有改变，不会出现问题，所以组件标签可能是存在数据库中，码良初始化脚本缺少初始数据。 以上猜想可以通过两种方式验证： 首先从数据库中查看是 ......
css 样式文件中的特殊符号 - 波浪号(也叫 tilde,squiggle,twiddle)
例子： .check:checked ~ .content { } ~ 选择器实际上是后继同胞组合器（在2017年之前称为一般同胞组合器）： 后继同胞组合器由“波浪号”（U+007E，~）字符组成，它将两个简单选择器序列分隔开。由这两个序列表示的元素在文档树中具有相同的父级，并且由第一个序列表示的元 ......
JS来动态设置CSS样式
用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign） 如果想保留 - 号，就中括号的形式 element.style['text-align'] = '100px'; ......
element ui的Upload 上传和Image 图片组件使用整理
说明 收集整理在开发中遇到的对于上传组件和图片组件的使用 Upload上传组件 修改上传按钮的默认宽高 ::v-deep .el-upload--picture-card { width: 80px; height: 80px; line-height: 85px; } 修改默认的上传组件图片列表展 ......
SAP Fiori Elements 本地应用启动的三种模式辨析试读版
本教程前一步骤，我们介绍了在 Visual Studio Code 里使用命令行 npm run start 启动 SAP Fiori Elements 应用的方法： 3. 动手运行第一个 SAP Fiori Elements 应用 有细心的学习者发现了，笔者提供的这个 Fiori Elements ......
vue父组件调用子组件的方法
父组件中写法： <div style="padding: 10px"> <columnTwo ref="child" style="height: 200px;" :columnDataName="columnDataName" :columnData="columnData"></columnTw ......
从0到1搭建后台管理系统（Vue3 + Vite4 + TypeScript + Element Plus + Pinia + Vue Router ）
参考有来：https://www.cnblogs.com/haoxianrui/p/17331952.html Node 16+ 版本大于16【问题一：目前我是14.18.2的版本npm是6.14.15版本，这就涉及到要切换node版本的问题，不然我安装了16我的vue2项目就启动不了了】 vsco ......
vue3+element-plus Calendar 日历组件添加农历、节假日
创建一个vue文件 <script setup lang='ts'> import { ref } from "vue"; import calendar from "./lunarDay";//引入农历、节假日计算方法 defineOptions({ name:'CusCalendar' }) c ......
vue 父子组件生命周期执行顺序
挂载阶段执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为：父beforeUpdate -> 子b ......
uni-app图片剪切上传;uview2用使用uview1中的图片剪切上传组件，把原有代码抽取出来
1.其实是个组件页面，移过来就行了。 2.原有组件中，可视区域和截图结果区域的长宽是一样的，所以需要调整一下； 3.因为剪切图片，是在一个单独页面实现的.所以pages.json中需要加上剪切的页面路径; pages.json { "path": "components/u-avatar-cropp ......
CSS 默认样式
outline: Chrome浏览器默认为-webkit-focus-ring-color auto 1px; webkit-focus-ring-color默认为rgb(16, 16, 16);这个值不会变，但是浏览器可能对其他的属性进行了处理，导致了focus元素时会根据背景色的不同产生不同的对 ......
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用
VUE ELEMENT-UI无法用右上角的“X”关闭，取消按钮可用 原因：清空方式有问题 我定义的要打开的表单： addElementForm: { title: "配置产品要素", dialogFormVisible: false, prod_name: [], prod_code: [], us ......
PV_SPS_Model：基于MATLAB/Simulink的光伏组件串联部分遮阳仿真模型。
PV_SPS_Model：基于MATLAB/Simulink的光伏组件串联部分遮阳仿真模型。仿真条件：MATLAB/Simulink R2015bID:3635660069130461 ......
element ui 动态下拉框定位
先触发动态生成代码 #po封装 btn_pre_out = (By.XPATH, '/html/body/div/div/div[1]/div[3]/div/span') btn_out = (By.XPATH, '/html/body/ul/li') self.click(*self.btn_pr ......
CSS学习1 认识CSS；三种CSS的编写样式；CSS注释；常见的CSS样式；元素link；CSS颜色表示方法；浏览器开发者工具；浏览器的渲染流程
1_认识CSS what：为网页添加样式（美化界面）；一门样式表语言，不是编程语言 发展历史 css1（两个人合作发布） css2（w3c） css3（模块化持续发展中） 总结：美化HTML，让HTML与CSS分离 方式一：添加样式，例如颜色、字体，大小 方式二：布局，按照某种结构显示 2_三种CS ......
自定义 li 标签序列的样式
第一步删除 li 标签的默认样式，取消 ::mark 代理样式（默认样式）。第一步已经把默认样式取消了，自然没有了序号，使用 CSS 的 counter() 函数和 counter-increment 属性来自定义序列号。 通过 list-style-type: none 删除 li 标签的默认样式 ......
（elementUI）el-cascader级联多选，高宽样式的处理（一行显示）
一、问题：当级联选择器设置多选属性时，输入框的高度会被撑开，如下图所示 二、解决办法1.给el-cascader设置multiple和collapse-tags属性(多选模式下折叠Tag)，如下 <el-cascader :options="options" :props="{multiple: t ......
小程序开发中的插件、组件、控件到底有什么区别？
小程序插件代码由一些自定义组件和 JS 代码文件构成，插件开发者在发布插件时，这些代码被上传到后台保存起来。当小程序使用插件时，使用者需填写插件的 AppID 和版本号，就可从后台获取相应的插件代码。小程序代码编译时，插件代码会被嵌入到小程序中，与小程序一起编译运行。 ......
用print-js实现打印功能时element table组件打印不全的问题
插件下载： npm install --save print-js 解决方案，修改print.js里面的 getHtml // 打印类属性、方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this ins ......
React笔记-样式(二)
React学习笔记-样式(二) 内联样式 import React from "react"; export default class LearnStyle extends React.Component { render () { return ( <div> {/* 以下两种方法都可以 一种不 ......
React笔记-组件(一)
React学习笔记-组件(一未完成) 特点 声明式 组件化 跨平台 React脚手架 a. 全局安装react脚手架 create-react-app npm install create-react-app -g & npx create-react-app my-app b. 使用create- ......
使用vue的keep-alive缓存组件，三级菜单组件无法缓存问题解决
使用vue做后台管理系统，需求是所有的菜单打开之后，下次点击的时候的使用缓存，这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题，三级菜单就会出现无法缓存的问题，网上找资料说是vue中keep-alive本身存在的缺陷，需要在路由守卫中将matched属性做一下优化，具体如下 // 处 ......