![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
晴风向上
这个作者很懒,什么都没留下…
展开
-
uni-app px rpx 互相转换
1、rpx 转 px// 100 为 100rpx的值var px = uni.upx2px(100);2、px 转 rpx// 200 为 px 的值,后面的两个 100 为计算比例使用var rpx = 200/(uni.upx2px(100)/100); // 验证上面rpx的值var px = uni.upx2px(rpx); // px的值 = 200...转载 2022-01-24 15:50:07 · 2705 阅读 · 0 评论 -
CSS 实现多行文本“展开收起”
效果图:实现这一类布局和交互难点主要有以下几点位于多行文本右下角的“展开收起”按钮“展开”和“收起”两种状态的切换当文本不超过指定行数时,不显示“展开收起”按钮说实话,之前单独看这个布局,即使借助 JavaScript 也不是一件容易的事啊(需要计算文字宽度动态截取文本,vue-clamp就是这么做的),更别说下面的交互和判断逻辑了,不过经过我的一番琢磨,其实纯 CSS 也能完美实现的,下面就一步一步来看看如何实现吧~一、位于右下角的“展开收起”按钮很多设计同学都喜欢这样的设计,把按钮放转载 2021-06-02 17:32:31 · 4019 阅读 · 1 评论 -
css 变量注入
<template> <div class="box" :style="styleVar"> </div></template><script>export default { props: { height: { type: Number, default: 54, }, }, computed: { styleVar() { return {转载 2021-04-27 18:20:14 · 206 阅读 · 0 评论 -
css 设置遮罩层
div { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.5);}原创 2020-08-13 16:25:38 · 1075 阅读 · 0 评论 -
[CSS] 用伪元素:after实现分割线和气泡
转载: https://www.jianshu.com/p/b8e2f836633e转载 2020-03-12 21:11:53 · 729 阅读 · 0 评论