
Css
css个人分享
YaaLee_
逝者如斯夫,不舍昼夜
展开
-
Antd vue 表格自定义页码(Pagination)
在antd vue中,有默认的页码,但是想自定义页码需要自己配置案例:代码:html:<a-table :rowKey="(record, index) => record.key" :loading="tableData.loading" :columns="columns" :pagination="{...pagination, total:tableData.total,}" :data-source="tableData.list" bordered原创 2022-04-20 09:23:20 · 3149 阅读 · 1 评论 -
html改变页面滚动条样式
/*滚动条样式*/.centerList::-webkit-scrollbar { width: 30px; /*height: 4px;*/}.centerList::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(2, 35, 60, 1);}.centerList:原创 2021-12-09 14:00:33 · 401 阅读 · 0 评论 -
antd vue 表格无数据时表头不全显示x轴滚动条
效果:css:/deep/ .ant-table-placeholder { padding: 0; border-top: none;}原创 2021-11-24 14:06:18 · 2316 阅读 · 3 评论 -
antd vue table表格取消固定列后选中hover异常效果
/deep/ .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {background: #ffffff !important;}原创 2021-09-15 13:52:34 · 879 阅读 · 0 评论 -
React中styled-components的使用(样式组件库)
一、官网地址https://www.styled-components.com/二、styled-components1、styled-components 样式化组件,主要作用是它可以编写实际的CSS代码来设计组件样式,也不需要组件和样式之间的映射,即创建后就是一个正常的React 组件,并且可以附加样式给当前组件。 优化react组件2、在一个组件内会将结构、样式和逻辑写在一起,虽然这违背了关注点分离的原则,但是这有利于组件间的隔离。为了顺应组件化的潮流3、使用styled-compone原创 2021-07-29 21:51:39 · 1651 阅读 · 0 评论 -
html文本溢出隐藏三个小圆点
直接上代码:overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;原创 2021-07-15 20:06:11 · 562 阅读 · 0 评论 -
使用Canvas实现手撕渔网袜特效(*^▽^*)
想要代码敲的好,高数算法不能少html部分<canvas id="c"></canvas>css部分* { margin: 0; overflow: hidden; user-select: none; }body { background: #333; }canvas { background: #333; width: 1000px; height: 365px; ma..原创 2021-07-01 21:36:41 · 603 阅读 · 8 评论