CSS
明媚呀
前端
展开
-
CSS——文字溢出省略成点点点
一、单行文字<div class="text"> 我是单行文字我是单行文字我是单行文字我是单行文字我是单行文字我是单行文字我是单行文字我是单行文字</div> .text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }二、多行文字<div class="text"> 我是多行文字我是多行文字我是多行文字 我是多行文字我是多行文字我是多行文字 我是多行文原创 2020-07-16 21:46:46 · 1186 阅读 · 0 评论 -
Ant Design Vue—Tabs 标签页滚动条位置修改
一、背景Ant Design Vue中Tabs 标签页的样式如图所示:其中蓝色滚动条在标签的下边,如果想让滚动条去标签页的上边,(这可不是我想出来的,设计稿规定。。。)应该怎么实现呢?二、实现Ant Design Vue—Tabs 标签页的官方文档:https://www.antdv.com/components/tabs-cn///滚动条在上边.ant-tabs-ink-bar-animated{ top: 0; }效果:加了边框以后:...原创 2020-07-06 10:11:55 · 4838 阅读 · 4 评论 -
Ant Design Vue—Collapse折叠面板嵌套表格数据污染
一、背景实现折叠面板嵌套表格,打开折叠面板显示表格,允许打开多个面板。最初的设计,折叠面板通过v-for循环遍历list数据,把遍历到的数据显示在折叠面板上边,打开折叠面板的表格中的数据是根据当前面板的id去调用接口获取的数据,所以表格中的data-source是每次打开面板生成的数据。出现的问题:每次新打开一个面板中显示的表格数据会覆盖之前打开的面板中的表格数据,数据被污染。二、实现Ant Design Vue—Collapse折叠面板官方文档每次打开折叠面板获取到的表格数据添加到折叠面原创 2020-07-06 10:10:45 · 7042 阅读 · 3 评论 -
HTML-反斜杠
HTML<span class="slash">/</span>CSS//反斜杠 .slash{ padding-right: 15px; padding-left: 15px; color: #B8B8B8; }原创 2020-07-03 09:39:00 · 1994 阅读 · 0 评论