摘要:
合并数组或者对象在数组或对象前面加...,是es6的新写法,然后数组的map方法会返回数组. var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactu 阅读全文
posted @ 2021-07-09 13:59
MrSlow
阅读(60)
评论(0)
推荐(0)
摘要:
三目运算 <text>{{mag>10 ? '优秀' : ""}}</text> 三目运算的高级用法 大于1000用kg表示 小于1000,用g表示 添加括号是因为提高他的优先级哈 <text>{{weight > 1000 ? (weight/1000)+"kg" : weight}}</text 阅读全文
posted @ 2021-07-09 13:56
MrSlow
阅读(109)
评论(0)
推荐(0)
摘要:
自 HBuilderX 2.0.0 起支持 uni.$emit、 uni.$on 、 uni.$once 、uni.$off ,可以方便的进行页面的通讯 ,触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等。事件详情 具体如何使用呢?我们假设一个场景,进入app,是未登陆状态 阅读全文
posted @ 2021-07-09 10:38
MrSlow
阅读(607)
评论(0)
推荐(0)
摘要:
知乎发现栏目上的标题图一般都是以下图方式展现的,很显然它是利用渐变去实现的。思路很有意思,主要是要有两方面的认知: 这张图其实可以分成两部分,右边控制图形和渐变,左边就是一张纯色背景,和渐变无关 透明transparent也是一种颜色,也是渐变可以设置的 HTML <body> <div class 阅读全文
posted @ 2021-07-09 10:06
MrSlow
阅读(424)
评论(0)
推荐(0)
摘要:
这里就要隆重推出:object-fit和object-position。你可以这么理解,object-position相当于background-position,它的默认值是50% 50%,也就是居中,所以一般不写,加了object-fit,默认就居中了。而object-fit,相当于backgr 阅读全文
posted @ 2021-07-09 09:58
MrSlow
阅读(480)
评论(0)
推荐(0)
摘要:
这是为什么呢!所以查找了许多资料,原来vertical-align属性只对行内元素有效,对块内元素无效!而此时就会用到display属性,大家也看到我里面有设置display属性为inline-block属性,确没有效果,那是因为将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被 阅读全文
posted @ 2021-07-09 09:51
MrSlow
阅读(1047)
评论(0)
推荐(0)
摘要:
过渡效果在交互体验中的重要性不言而喻。以往我们使用js或Jquery添加或移除元素的类(class),搭配CSS中定义好的样式,再引用一些javascript库之后,可以做作出非常复杂,惊艳的动态效果,不过这套方法还是太繁琐。 vue.js内置了一套过渡系统,可以在元素从DOM中插入或移除时自动应用 阅读全文
posted @ 2021-07-09 09:46
MrSlow
阅读(243)
评论(0)
推荐(0)
摘要:
如果我想选择包含 a.active 的 li 该怎么实现呢? 目前我们学到的CSS好像是没有办法的,不过今天要将的一个CSS伪类 :has() 就有这个功能,虽然还处于草案阶段,但是还是可以提前了解一下。 li:has(> a.active){ color:red; } 除了表示包含,:has 还可 阅读全文
posted @ 2021-07-09 09:42
MrSlow
阅读(84)
评论(0)
推荐(0)
摘要:
html代码: <span class="haorooms" data-content="前">前</span> <span class="haorooms" data-content="端">端</span> <span class="haorooms" data-content="博">博</s 阅读全文
posted @ 2021-07-09 09:29
MrSlow
阅读(340)
评论(0)
推荐(0)
摘要:
transform属性 在CSS3中,可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。 (1)浏览器支持 到目前为止:Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。 2旋转 使用rotate方法,在参数 阅读全文
posted @ 2021-07-09 09:20
MrSlow
阅读(288)
评论(0)
推荐(0)