- 博客(9)
- 收藏
- 关注
原创 修改UI框架样式
当UI框架的样式不符合我们的要求时,我们可以使用deep穿透来修改。/deep/ 选择器的名字例:/deep/.color{ }注意:style要有作用域。<style scoped></style>
2021-03-21 12:03:54 280
原创 解决vant弹出层组件遮罩层纯黑的问题
使用popup弹出层时,遇到点击弹出层组件遮罩层纯黑的问题。解决方法:将vant弹出层组件置于div最外层即可。
2021-03-21 11:40:16 1931 2
原创 解决空格换行带来的留白
第一种方式:因为空格和换行也属于文本,所以可以给父级添加 font-size:0,然后重新给子元素设置字号。例:在一个 div 中放几个 a 标签,将 a 标签转成行内块并设置宽高,会出现如图的这种情况。解决方案: 给 div 的字号设置为 0,然后再单独给 a 设置字号。第二种方式:给元素添加浮动。例:默认的输入框和搜索按钮之间会有留白,可以给输入框和按钮分别添加浮动,去掉留白。...
2020-09-06 15:40:48 469
原创 js中的数据类型及转换
数据类型指的是字面量的类型,在 js 中一共有六种数据类型,分为两类:基本数据类型:字符串 (String):‘asd’ ‘哈哈’ ‘123’数字 (Number)布尔 (Boolean):true false空 (Null) : null 通常指一个空对象未定义 (Undefined):声明未赋值,输出即为 undefined引用数据类型(即对象类型):Object比如:Object、array、function、data等。数据类型的声明:var 可以
2020-08-20 21:05:58 133
原创 二倍精灵图的使用
有些精灵图会设计成二倍图,二倍图在引入时需要缩小尺寸,即缩小到宽高的一半。我们可以使用 background-size 来设置宽高,宽高设置一个即可,因为宽高是等比例缩放的。例如:这张精灵图是 288*48px 的二倍图,只需缩放宽度一半或者高度的一半即可,然后利用 background-position 来更改坐标位置。 background: url(../img/channel-sprite.png) no-repeat 0 0; background-size: 144px;...
2020-08-11 23:43:35 506
原创 圆角属性
css代码: div{ float: left; width: 100px; height: 100px; margin: 10px; background-color: #008000; } .box1{ /* 圆角单属性 */ /* 一个值:水平垂直 */ border-top-left-radius: 10px; /* 两个值:1.水平 2.垂直 */ border-top-right-.
2020-08-05 23:48:36 544
原创 垂直居中的方法
1.定位的块元素的两种垂直居中的方法css代码: .box{ position: relative; width: 500px; height: 500px; background-color: pink; margin: 30px auto; } .box1{ position: absolute; width: 100px; height: 100px; background-color: #008000;
2020-08-05 23:33:34 110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人