agua001的博客

css 元素使用背景色加透明度，伪元素背景色不生效问题

修改svg图片颜色，动态改变svg图片颜色（以及切换主题时展示正常）

1、问题2、在flex: 1的样式加min-width: 0css好难5555555555

<ul class="tab_ul"> <li class="tab_li" @click="changeTab(item, index)" :class="{'tabActive': tabActive == index}" v-for="(item, index) in tabList" :key="index" v-cloak>{{ item.name }}</li></ul>.tab_ul { display:-webkit-b

1、覆盖antd 中table组件的表头和标体内间距/deep/ .ant-table-thead > tr > th,.ant-table-tbody > tr > td { padding: 5px 0 5px 0;}2、以上只对表头有效，修改：/deep/ .ant-table-thead > tr > th,/deep/ .ant-table-tbody > tr > td { padding: 5px 0 5px 0;}或者

1、cmd使用npm编译警告：2、主要看：end value has mixed support, consider using flex-end instead3、大概意思就是使用flex调样式的时候：justify-content: end;4、修改成：justify-content: flex-end;5、舒服：安静

@media screen and (min-width: 1680px) and (max-width: 1920px){ .everyDayRate { margin-left: 14%; } } @media screen and (min-width: 1600px) and (max-width: 1680px){ .everyDayRate { margin-left: 12%; } } @media screen and

html：<div class="echartBox_right" id="echartBox_right"> <div class="echartTime"> <span class="echartTxt echartTxt_title">时间</span> <span class="echartTxt" v-for="(item, index) in xData" :key="index">{{ item }}</sp

一、<style scoped>.myBox ::v-deep.van-popup__close-icon--top-right { top: 1.2rem; right: 1.2rem;}</style>二、<style>.myBox .van-popup__close-icon--top-right { top: 1.2rem; right: 1.2rem;}</style>

需求：一套代码，logo宽度不一致，后台返回数值宽度（很简单的一个需求，硬是弄了一个早上，气自己）html:<!-- 展示动态宽度logo --><van-col :style="{ width: handleWidth }" style="height: 1.5rem" class="text-left" v-if="isimagea"> <img :src="imagesbase" alt class="headImg" style="" /&

<ul class="listUl"> <li class="listLi" :class="{ changeColor: isActive === index }" @click="chooseName(item, index)" v-for="(item, index) in filterPersonnelList" :key="index" > <span class="listTxt">{{ item.Emp

项目中比较常用的就是点击某个高亮，如：:class="{'active': activeTab === index}"突然遇到比较复杂的需求，比如根据客户类型展示不一样的样式（有很多种客户类型，每个都不一样）以前百度看到有很多种方法，都没有一一去尝试，直到自己需要用的时候才…（想起流浪地球— 起初没有人在意这场灾难，直到它和每个人息息相关）哈哈… <div class="evaluateLi_cusType_common" :class="{'evaluateLi_cusType':

设置height: 100%; width: 100%; 图片在小屏的时候被宽度被压缩了；只设置width: 100%; 图片在小屏的时候高度改变了；最后解决方法：img { width: 100%; height: 100%; object-fit: cover;}加了object-fit: cover;详细内容摘自：https://blog.csdn.net/caidingnu/article/details/92232872点我上直通车悄悄地我来了， 悄悄地我不走

两个盒子贴一起，如果单纯设置box-shadow:0px 8px 25px 1px rgba(44,16,111,0.06);不一定看到效果的，尝试在需要给阴影的盒子加z-index属性z-index: 2020;神奇的出来了。酒能醉人，亦能醒人。

html<ul class="mingxing"> <li class="huge">胡歌</li> <li class="huge">江疏影</li></ul>css.mingxing{ .huge { margin-bottom: 10px; } // 选中最有一个li :nth-child (1) { margin-bottom: 0px; }}另一种写法:nth-child { marg

问题：两个页面同用一个scss样式文件（因为代码超级长）第一个页面如图：鼠标移出按钮，默认是会改变背景色的，我指的是取消按钮，然后我使用了/deep/ :nth-child(1).el-botton:hover { background-color: #fff;}这个在第一个页面是可以满足需求的第二个页面如图：明显实现不了了，鼠标移入保存按钮，背景色变成了白色。于是想到交集选择器（标签和类名构成）/deep/ button.cancelBtn:hover { backgroun