子元素盖住父元素边框

el/2023/6/3 17:03:27

代码

 .tab {&_t {display: flex;border-bottom: 1px solid #d7d7d7;padding-left: 20px;li {width: 66px;display: inline-block;float: left;height: 30px;border: 1px solid #d7d7d7;border-bottom: 1px solid transparent;margin-bottom: -1px;background: #fff;margin-left: 12px;padding-bottom: 10px;}}&_b {}}<div class="tab"><ul class="tab_t"><!--头部tab切换--><li>测试流程</li><li>测试数据</li></ul><div class="tab_b"><!--底部切换的tab--></div></div>

效果

 

http://www.ngui.cc/el/3419217.html

相关文章

一个数组删除数组内另外一个数组存在的元素

let choosedArr data.concat()let dataIdList data.map(el>el.id)let noChoosedArr self.tableData.filter(function (item) {return dataIdList.indexOf(item.id) < 0;})console.log(choosedArr, dataIdList,noChoosedArr) 可以看看https://blog.csdn.net/onlylele/a…

数组的处理方法,感觉需要总结一下了,最近用到的特别多,各种数组之间的处理--持续更新吧

为了案例的综合性,尽量采用对象数组的方式,以及对象数组混合普通数组 1数组去重 // 数组去重,去重指的是重复的只留下一个,而不是全删了 // 这里以数组对象与普通对象为例子 // 并且是以单个数组去重为例子 // 多个数组去重没有必要赘述 // 因为多个数组去重,也不过是数组conc…

一些点的记录2---持续更新

1.vue中scss的安装 cnpm i node-sass4.14.1 -D cnpm i sass-loader7.3.1 -D 在webpack.base.conf.js中的module的rules 加上 { test: /\.scss$/, loader: sass-loader!style-loader!css-loader, }, 2.如果echarts运行的时候由于v-if的切换造成重新渲染, <div v-if&quo…

computed能作为组件传值传递吗

点击后 可以 你想想,你父组件有个computed被一些数据影响着值,然后你computed传给了子组件 那子组件是不是也动态变了,是不是很爽 还有vuex的getters其实就是计算属性 看看这篇博客 https://www.jb51.net/article/159727.htm 使用场景,打个比方 若是对数据进行处理输出&a…

如何在element的相应的行上加其他dom元素实现样式与功能呢

首先这个我看element官网还真没发现咋整,没法在table里再塞一行div啥的 不过自己想了个方法,其实动态定个位就好了,其实动态定位,动态大小啥的,在之前那家公司写uniapp的时候还真是写过好多次....各种兼容,动态获取宽高啥啥的,动态设置宽高等等属性 所以这个功能我就也想到了…

关于createElement的一些点

1.这里我用h代指createElement h(div, {domProps: {innerHTML: bag}}, [h(span, {domProps: {innerHTML: bag}}, []),h(span, {domProps: {innerHTML: bag}}, []),h(img, {domProps: {innerHTML: bag},attrs: {src: https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u…

关于watch

1.今天做个需求&#xff0c;一个对象传了好几层到子组件&#xff0c;然后子组件改了&#xff0c;这个对象也要同步到变化&#xff0c;最后通过保存回调&#xff0c;得到改了的数据传回来 我直接修改传的对象&#xff0c;比如通过两个el-radio的选中切换&#xff0c;但是传的数…

关于多层组件连续传值的改值问题,子改,孙改,或者父改,对传的数据的影响

下面是结论 <!-- 1.父组件传给子组件对象,子组件改传的对象的属性,父组件中传的这个值会变吗 会变 --> <!-- 2.父组件传给子组件对象,父组件改传的对象的属性,传给了子组件这个值会变吗 会变 --> <!-- 3.爷组件传给孙组件对象,孙组件改传的对象的属性,爷组件中传…

关于防抖与节流

他们都是不停地触发 只是他们的应对不一样 防抖是每次都清除定时器再开新的定时器&#xff0c;所以就会不管你多少次点击&#xff0c;也只会有一个定时器&#xff0c; 节流就是&#xff0c;首先默认flag为true 然后执行的时候先判断flag是否true 否则return 是的话进入执行&…

关于vue中的数据传递的响应以及watch的理解

首先看看这篇说的https://www.cnblogs.com/1032473245jing/p/11102919.html 1.将父组件数据赋值给子组件数据&#xff0c;子组件间接使用&#xff0c;数据仅在mounted中渲染&#xff0c;父组件数据改变子组件数据不改变&#xff0c;需要用watch监听&#xff0c;可以深度监听 …