css
jjw_zyfx
仅当做个人笔记使用
展开
-
css 下拉框展示:当hover的时候展示下拉框 z-index的用法解释
css 下拉框展示:当hover的时候展示下拉框原创 2024-09-26 17:57:52 · 173 阅读 · 0 评论 -
vue 使用useWindowScroll或 useScroll 实现首页布局中的吸顶效果 并且 对css中&进行解释
vue 使用useWindowScroll实现首页布局中的吸顶效果原创 2023-03-28 16:56:17 · 789 阅读 · 0 评论 -
css 中 ~ 符号的使用、text-indent的使用
css 中 ~ 符号的使用原创 2024-09-26 10:36:19 · 140 阅读 · 0 评论 -
Vue使用flex将图片并排居中且左对齐
【代码】Vue使用flex将图片并排居中且左对齐。原创 2024-07-31 21:57:35 · 536 阅读 · 0 评论 -
给一个字符中的img标签添加图片预览功能,Vant组件、ref和querySelector两种方式实现
给一个字符中的img标签添加图片预览功能,Vant组件、ref和querySelector两种方式实现原创 2023-04-03 21:18:36 · 1082 阅读 · 0 评论 -
postcss-pxtorem 参数之selectorBlackList、exclude的用法
postcss-pxtorem 参数之selectorBlackList、exclude的用法原创 2023-04-03 20:15:13 · 3165 阅读 · 0 评论 -
vue 高亮显示搜索结果,可借鉴,RegExp,replace方法
/ 要高亮显示的部分constref'jjw'// 要替换成的样式constref''// 替换后的结果constref''// 要替换的原字符串constref'jjw你好啊,Jjw咋样呀,JJw可别压力太大了'consthighLight=>// 'gi':g全部替换,i忽略大小写,constnewRegExp。原创 2023-04-02 18:07:10 · 183 阅读 · 0 评论 -
css flex: unset的使用
css flex: unset的使用原创 2023-04-02 14:53:59 · 324 阅读 · 0 评论 -
vue flex导航条,子元素一行显示,超出滚动,且不显示overflow的滚动线,最右侧固定定位一个子元素实现细节
vue flex导航条,子元素一行显示,超出滚动,且不显示overflow的滚动线,最右侧固定定位一个子元素实现细节原创 2023-04-02 11:03:16 · 480 阅读 · 0 评论 -
vue中iconfont的几种使用方式详解
vue中iconfont的几种使用方式详解原创 2023-03-31 23:12:32 · 846 阅读 · 0 评论 -
vue vant遮罩弹窗但不覆盖公司logo的一种做法
vue vant遮罩弹窗但不覆盖公司logo的一种做法原创 2023-03-31 15:41:12 · 140 阅读 · 0 评论 -
vue使用v-bind绑定样式
vue使用v-bind绑定样式原创 2023-03-30 21:15:25 · 251 阅读 · 0 评论 -
css当中appearance: none;border: none;outline: none;的区别
css当中appearance: none;border: none;outline: none;的区别原创 2023-03-25 09:48:40 · 578 阅读 · 0 评论 -
vue 中less样式混入(mixin)或者使用别人的样式的几种用法
vue 中less样式混入(mixin)或者使用别人的样式的几种用法原创 2023-03-23 16:14:47 · 1350 阅读 · 0 评论 -
多张图片做旋转透视的动画、perspective、animation: rotate、animation-play-state、transform、transform-style
多张图片做旋转透视的动画、perspective、animation: rotate、animation-play-state、transform、transform-style原创 2023-03-23 11:30:24 · 182 阅读 · 0 评论 -
background-image: linear-gradient(to top, red, transparent 80%)中的各参数解释
background-image: linear-gradient(to top, red, transparent 80%)中的各参数解释原创 2023-03-23 10:23:11 · 175 阅读 · 0 评论 -
css中background: lighten的用法
css中background: lighten的用法原创 2023-03-20 20:40:10 · 1153 阅读 · 0 评论 -
vue3中引入初始化样式
vue3中引入初始化样式原创 2023-03-03 11:22:43 · 1240 阅读 · 0 评论 -
vue3中使用less简直太简单了
【代码】vue3中使用less简直太简单了。原创 2023-03-03 11:06:53 · 2134 阅读 · 1 评论 -
css vh 控制后台内容不出现滚动条的方法
这样使用vh会出现滚动条,不是我要的代码如下:<template> <div> <div class="wrapTitle">一般的后端都有的title,这些高度一般是固定的</div> <div class="wrapContent"> 这个一般是下边的内容的,现在用来测试CSS中的vh并使用calc进行计算</div> </div></template><script原创 2021-07-12 09:21:59 · 395 阅读 · 0 评论 -
Vant 中的遮罩(van-overlay)不占满整个屏幕的用法
效果如下:代码如下:<template> <div class="wrapHeader"> <div class="buttonClick" @click="showMask">显示</div> <van-overlay :show="show" @click="show = false"> <ul class="ulLi"> <li&g..原创 2021-06-14 17:02:37 · 6219 阅读 · 0 评论 -
修改vant中的CheckBox边框的颜色和对号的颜色
<van-checkbox v-model="checked" class="check-box-info" shape="square" checked-color="#FFDA99" icon-size="12px"> <div class="agreement"> 我已阅读并同意<span class="under-line" @click.stop="agreement(0...原创 2021-06-14 13:37:05 · 3465 阅读 · 0 评论 -
css中的阴影
原创 2021-05-30 23:15:42 · 65 阅读 · 0 评论 -
css 中的background-image、color、position、attachment、size、repeat
例如:注意 background-size 设置的属性要和前边有一个 / 隔开,否则会语法报错。# 再补充一个 background-size。原创 2021-05-30 23:09:44 · 101 阅读 · 0 评论 -
Css 中的transition过渡属性
原创 2021-05-30 22:36:41 · 78 阅读 · 0 评论 -
css中的动画animation
原创 2021-08-23 21:15:08 · 66 阅读 · 0 评论 -
vue cli4 中使用less
vue 版本1.首先安装这俩npm i less-loader less --save-dev注后续可能会出错,因为会出现less-loader版本高而报错所以可以分开安装即npm i less --save-devnpm install -D less-loader@7.x2 安装完成后使用 lessc -v查看版本如果能出现版本信息,则说明没问题否则可能出现如下问题解决方法:npm install less -gnpm install less-plugi原创 2021-05-23 09:23:12 · 921 阅读 · 0 评论 -
flex 布局中的margin和padding
原创 2021-05-22 17:19:40 · 2097 阅读 · 0 评论 -
before伪元素的用法
a{background-color:white;display:block;width:100px;height:80px;position:relative;margin:0auto;}a::after{content:"";position:absolute;...原创 2021-05-22 16:32:58 · 173 阅读 · 0 评论 -
flex布局中的自动占满剩下的内容
没点击的时候点击完后的样子:代码:<template> <div class="app"> <div class="box" > <div class="box1" :style="{height : isTrue ? '200px':'auto'}" @click=...原创 2019-10-29 20:09:49 · 20324 阅读 · 1 评论 -
iview 中 $Modal.confirm 居中显示的方法
.ivu-modal{ position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; }但是你会发现有闪动的效果,所以说iview真是lj...原创 2019-10-26 18:06:20 · 3705 阅读 · 3 评论 -
vue transition
代码:<template> <div id="app"> <input type="button" value="toggle" @click="flag=!flag"> <input type="button" value="toggle2" @click="flag2=!flag2"> <!-...原创 2019-10-15 22:02:47 · 195 阅读 · 0 评论 -
修改iview中的progress颜色 vue中居然可以写多个style
其他也是这样的 /deep/可参考下边的博客https://blog.csdn.net/jjw_zyfx/article/details/102422072如果/deep/不起作用可以用这种方式即再添加一个不写scoped的style这个style中的所有样式都是全局样式这样就可以显示了...原创 2019-10-15 10:20:16 · 2037 阅读 · 0 评论 -
位置中间的竖线|垂直居中的方法
原创 2019-10-14 19:58:59 · 1075 阅读 · 0 评论 -
css 盒子阴影
效果:没有模糊值的效果:效果:效果:效果:效果:原创 2019-10-14 16:53:52 · 113 阅读 · 0 评论 -
常用less样式总结-项目直用
注意在css下可能不能用水平垂直居中 要求父标签是position.center-absolute{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}flex布局.flex-item(@direction:row,@isWrap:nowrap,@ju...原创 2019-10-12 15:49:35 · 1496 阅读 · 0 评论 -
css word-break 和 word-wrap 的区别
这篇博客写的不错https://cloud.tencent.com/developer/news/290020从博客的显示结果来看如果想要换行用 word-break:break-all 好像效果更好点原创 2019-10-12 14:58:58 · 87 阅读 · 0 评论 -
div 盒子水平垂直居中方法
第一种:第二种弹性布局父标签中使用display:flex如果使用弹性布局,则子元素不需要设置float即浮动但是就会有浮动的效果justify-content:space-aroundjustify-content:space-betweenjustify-content:center 水平居中align-items:cent...原创 2019-09-16 20:36:46 · 1761 阅读 · 1 评论 -
BFC
都是margin 传递问题覆盖问题覆盖问题的解决方法原创 2019-09-16 20:35:53 · 109 阅读 · 0 评论 -
引用标签
例子原创 2019-09-16 19:30:28 · 196 阅读 · 1 评论