![](https://img-blog.csdnimg.cn/20191129160803458.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
填了个大空
这个人不懒,但是他什么都不想留下
展开
-
媒体查询兼容移动端
媒体查询兼容移动端原创 2022-11-21 13:47:43 · 171 阅读 · 0 评论 -
基于vue的一个红包雨h5活动页面
<template> <div id="redEnvelopeRain"> <div class="box" ref="box"></div> </div></template><script>import { random } from "@/utils/index.js";export default { name: "redEnvelopeRain", data() { return {};原创 2020-12-03 15:06:26 · 1222 阅读 · 0 评论 -
网站变成灰白主题色
在主标签 html 上加上 style=“filter: grayscale(100%);”filter: grayscale(100%);效果:原创 2020-11-27 14:17:28 · 229 阅读 · 0 评论 -
react 使用 NProgress 顶部滚动条
首先下载npm i nprogress -S之后项目中引入–css文件必须引入,否则会无效import NProgress from 'nprogress'import 'nprogress/nprogress.css'在请求之前使用,请求完成后关闭NProgress.start() // 显示滚动条NProgress.done() // 关闭滚动条全局请求方法中修改样式#nprogress .bar { background: #1890ff !important; h原创 2020-07-24 14:49:34 · 776 阅读 · 0 评论 -
css实现瀑布流
一行代码实现瀑布流css 的 column-count 属性,将一个盒子分成 x 列,例如 column-count: 2; ,就是将一个div分成 2 列但是排列不是按照数组顺序排序,因为分成2列后是按照顺序从上往下排列,会自动计算,第一列按照数组顺序渲染完才接着渲染第二列,无关紧要<template> <div id="demoBox"> <div class="pbl_box"> <div class="pbl_box_inf原创 2020-07-01 09:28:38 · 1863 阅读 · 0 评论 -
原生js动态生成表格,隔行变色,双击修改表格内容并且同步修改二维数组,将数组打印
嘤嘤嘤<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table tbody tr原创 2020-05-13 16:57:15 · 369 阅读 · 0 评论 -
前端css标签样式重置
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}header,footer,section,article,asid...原创 2020-01-10 11:42:26 · 348 阅读 · 0 评论 -
Vue内部管理系统项目,接入钉钉扫码登录
无理的新需求。。公司自己内部系统,接入钉钉扫码登录。。。https://ding-doc.dingtalk.com/doc#/serverapi2/etaarr钉钉开发文档注意,上面这一步得联系管理员去操作,因为只有管理员可以登录钉钉开发者平台这里使用方式有 两种第一种是跳转连接到一个页面,扫码登录之后返回第二种是直接在页面上显示扫码这里我用的第二种方式,代码如下首先引入需...原创 2019-12-16 13:04:23 · 4474 阅读 · 2 评论 -
CSS3弹性盒子display:flex布局
在传统的网站布局中,大多使用定位和浮动属性进行布局,今天要和大家介绍一种全新的布局方式:CSS3 弹性盒子(Flex Box),Flex布局,可以简便、完整、响应式地实现各种页面布局。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个...转载 2019-12-12 16:36:47 · 344 阅读 · 0 评论 -
Vue.$nextTick()的使用
记录一下 Vue.$nextTick 的使用经历首先看一下官方文档介绍官方介绍似乎有点模糊,通俗点来说,Vue.$nextTick() Api中,参数是一个回调函数,可以在它的回调函数中进行一些操作。Api的作用是等到所有的DOM更新完毕之后,在进行Api中回调函数里面的操作通常使用的地方是渲染数据到DOM,在数据渲染到页面完成前,如果直接修改DOM中的例如样式等属性,数据渲染完成后...原创 2019-12-06 11:57:53 · 336 阅读 · 0 评论 -
css 使文字两端对齐
两行代码,敢敢单单不逼逼,上代码text-align: justify;text-align-last: justify;记得点赞原创 2019-12-05 16:55:04 · 97 阅读 · 0 评论 -
css 布局之 display:grid
一种新的自适应布局方式 display:grid原创 2019-11-29 17:19:06 · 2652 阅读 · 0 评论 -
css background 属性
复习background的一些属性今天项目中突然发现这些东西基本都忘完了于是。。。。。。。呈上属性功能配置(参数)background-color背景颜色16进制、rgb、颜色单词等background-image背景图片url(’ 图片的地址 ')background-repeat平铺方式no-repeat,repeat,repeat-x,r...原创 2019-11-29 10:49:17 · 128 阅读 · 0 评论 -
vue修改element默认样式
在vue常用组件库element-ui中,遇到由于项目需求去修改部分组件的样式而无法修改的问题比如当我们使用这个tabs标签页在项目中时,按照文档复制粘贴放入vue组件各种配置好之后,发现下面多出来的底部边框需求上ui不需要,影响整体美观于是我们检查该组件的类名,并尝试修改他的样式找到原因,底部边框是因为::after的样式,将height取消之后发现tabs没有了边框于是在...原创 2019-11-27 16:36:46 · 1723 阅读 · 0 评论