CSS
大可大可抖
这个作者很懒,什么都没留下…
展开
-
修改elementUI的表格全选样式
表格权限改样式原创 2023-02-21 14:28:39 · 320 阅读 · 0 评论 -
微信小程序中使用less的方式写样式
小程序中用less原创 2022-11-15 20:26:00 · 477 阅读 · 0 评论 -
el-table的fixed属性树形滚动条出现后right无法恢复
例如一行20页,页面出现滚动条,筛选后页面滚动条没了,但是页面没有恢复,滚动条仍然占用位置。watch: { //tableData 是表格的数据,数据变化时刷新样式 tableData(){ this.doLayout(); } },methods: { /* 重新渲染table组件 */ doLayout(){ this.$nextTick(() => {原创 2021-12-20 15:33:24 · 308 阅读 · 0 评论 -
普通表格头部固定(横向可滚动)
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"> <script src="https://www.layuicdn.com/layu.原创 2021-12-15 19:03:28 · 1204 阅读 · 0 评论 -
普通表格头部固定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Doc.原创 2021-12-14 14:03:16 · 812 阅读 · 0 评论 -
layui tree换行显示
.test{ width:200px;}.layui-tree-txt{white-space:pre-line;}.layui-tree-entry{height:auto;}<body> <div class="test" id="test1"></div></body>bang'si'n'g原创 2021-06-10 14:52:25 · 378 阅读 · 0 评论 -
css 适配设置@media
手机端:@media all and (orientation : portrait) { //}原创 2021-06-03 09:30:43 · 265 阅读 · 0 评论 -
css 外头投影
box-shadow: 0px -6px 7px 0pxrgba(0, 0, 0, 0.07); 上边框投影inset (内嵌的意思)h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离 spread 可选。阴影的大小 color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表 inset 可选。从外层的阴影(开始时)改变阴影内侧阴影 ...原创 2020-11-06 09:30:47 · 180 阅读 · 0 评论 -
选中的添加下划线非边框
选中的添加下划线非边框demo::after { content: ""; position: absolute; left: 66px; bottom: 0; width: 15px; height: 2px; background-color: #f00; }demo 别忘了 position:relative...原创 2020-10-28 20:08:14 · 124 阅读 · 0 评论 -
微信小程序swiper设置图片圆角和指示形状改变
wxml:<viewclass="swiperCont"><swiperclass="swiper"easing-function="easeInOutCubic"indicator-dots="true"indicator-active-color="#ffffff"interval="3000"duration="500"indicator-color="rgba(255,255,255,.3)">&...原创 2020-05-22 09:15:29 · 4871 阅读 · 0 评论 -
小程序中引用阿里云图标库
1. 把图标库下载到的.css文件拷贝到项目中并改后缀名.wxss2. app.wxss中引入inonfont.wxss3. 使用: 在class中引入我们需要的class(如果不成功,请检查你是否有这个class 或者引入路径问题)原创 2020-05-20 15:45:32 · 639 阅读 · 0 评论 -
vue 常用写法
1. :class 动态样式:class="['p-tb','b-b',activeClass==1?'showBor':'']"2.怎么修改dom元素尽量不要用ref的方式去修改元素 .如果样式控制,通过点击方法传参数控制dom的动态样式...原创 2019-10-23 10:25:13 · 194 阅读 · 0 评论 -
vue 动态样式
行内样式 ,判断item.state 如果等于4 否则红色:style="{'color':item.state==4 ? 'blue':'red'}"原创 2019-07-23 09:47:15 · 215 阅读 · 0 评论 -
小程序原生完美头部底部列表滚动
.wxml<view class="head">头部</view><view class="newList-wrap"> <scroll-view scroll-y="true" class="newList-scroll-view"> <view class="newList"> <view class="ne...原创 2020-05-07 16:21:40 · 194 阅读 · 0 评论 -
头部底部固定中间滚动样式flex
<div class="main"> <div class="head"></div> <div class="pageCont"></div> <div class="nav"></div></div>.main{height: 100vh; disp...原创 2019-12-03 10:59:10 · 263 阅读 · 0 评论 -
css让元素水平垂直居中
利用flex布局/* 无需知道被居中元素的宽高 */.container { display: flex; align-items: center; justify-content: center;}利用absolute+transform/* 无需知道被居中元素的宽高 *//* 设置父元素非 `static` 定位 */.containe...转载 2019-09-29 09:40:11 · 649 阅读 · 0 评论 -
css3有用效果
斑马线:ul li:nth-child(odd) { background-color: #f4f4f4;} 奇数.main_right_dian:nth-child(even) {background-color: #f4f4f4;} 偶数.warp_box .tabbox tbody tr:nth-child(odd){ background:#f8f8f8;}...原创 2015-09-24 22:00:20 · 278 阅读 · 0 评论 -
less的使用
新建一个.less后缀的文件less转css 命令通过nodejs:1. 如果第一次用没装过先npm install less –g 全局进行安装less. 2. 控制台当前目录下:lessc style.less style.cssps:页面中引用编译好的.css文件官网:http://lesscss.cn/less范例:@w:300px;@h:200p...原创 2018-06-04 10:14:13 · 123 阅读 · 0 评论 -
ios 微信端滑动不流畅 css
-webkit-overflow-scrolling: touch;原创 2019-05-21 12:36:27 · 949 阅读 · 0 评论