css
monkey-7
能复现吗?不应该呀,等我看看代码嗷!我本地没问题阿!清一下缓存试试呢!用的啥浏览器?我看看返回!!!
展开
-
vue样式穿透>>> /deep/ ::v-deep 这仨的用法
比如我想改element的横线样式 (这时候style标签上是有加scoped)(1)>>> 它只支持原生css (sass或者less 有可能无法识别)(听说这小子编译速度快 我也不知道咋个快法 反正都能实现改UI组件样式)(2) /deep/ 适用于 sass或者less。下图是/deep/在vue3项目中使用报错的场景。我试了一下::v-deep在vue2里也能用。(3) ::v-deep 适用于vue3原创 2024-03-25 11:15:18 · 267 阅读 · 0 评论 -
js将div隐藏以后占位与不占位是个问题
本地没问题 但打包后部署在机器上 可能是全局字体原因导致 闪烁的冒号前面数字位置移动。我项目右上角时间的冒号需求是每秒闪烁(本意是让客户知道页面没有卡住)最后改css样式visibility即可 (因为他本身会占着位置)v-show v-if 都不好使 改成动画渐隐还占内存。原创 2022-12-27 14:16:11 · 1286 阅读 · 0 评论 -
vue修改默认滚动条样式
关于默认滚动条样式太丑这件事儿<template> <div class="init"> <el-row class="title"> <p>我是标题</p> </el-row> <el-row class="msg"> <textarea class="statement" readonly>{{ msg }}原创 2022-03-10 17:37:01 · 1948 阅读 · 1 评论 -
css的border-radius圆角\椭圆\半圆\扇形\叶形
border-radius: 50%; 上 右 下 左border-radius:(顺时针方向)四个值: 左上 右上 右下 左下三个值: 左上 右上/左下 右下两个值: 左上/右下 右上/左下一个值: 左上 右上 右下 左下圆角:项目中的应用(焦点/banner/轮播图 小圆点称为分页器)标签 价格等椭圆:垂直半径=高/2 水平半径=宽/2半圆:宽/高=2 border-radius:高 高 0 0扇形:100% 0 0 .原创 2021-04-29 11:19:45 · 534 阅读 · 0 评论 -
css的background-size、origin、clip、attachment
不写的话 默认是图片的自身大小background-size: contain; 按照比例 等比缩放background-size: cover; 铺满background-size: 100px 100px; 手工指定宽高background-size: 100% 100%; 继承容器宽高背景图的定位background-origin: padding-box 默认是padding-box 默认点是原创 2021-04-29 11:19:01 · 97 阅读 · 0 评论 -
box-shadow 文字阴影文字边框
box-shadow:3px 3px 15px 20px red inset; 一共六个参数● x 水平方向位置● y 垂直方向位置● blur 模糊度● spread 阴影尺寸● color 阴影颜色● inset 可选 内部阴影 默认是外部阴影outset 外阴影inset 内阴影#####文字阴影text-shadow: 3px 3px 10px red; 它只有四个参数● x 水平位置● y .原创 2021-04-29 11:17:37 · 186 阅读 · 0 评论