css
顽石⚡
这个作者很懒,什么都没留下…
展开
-
行内元素垂直居中
情景:<div> text</div>方法:css如下设置 /* 行内元素 垂直水平居中1 */ height: 0.5rem; line-height: 0.5rem; // 和height一样 text-align: center; /* 行内元素 垂直水平居中2 */ /* display: flex; */ /* justify-c...转载 2018-11-21 14:26:18 · 5059 阅读 · 0 评论 -
css实现三角形
html<div class="triangle"></div>css.triangle { width: 0px; height: 0px; border: 5px solid transparent; // ps:根据需求调整箭头方向和颜色 border-right: 5px sol...原创 2018-12-21 11:44:21 · 111 阅读 · 0 评论 -
vue使用dialog标签
效果点击图片,显示大图,点击大图,关闭dialog;不想写组件,查了下h5,发现dialog标签能实现我想要的效果注意dialog标签只有Chrome、Safari 6 支持;template <dialog class="dialog" :open="dialog" v-if="bigPicture[0]"> <img :src="bigPicture[0...原创 2018-12-29 14:11:20 · 1238 阅读 · 0 评论 -
vue 点击图标实现上传文件效果
查了好多网友的文章,有两种方法第一种是用相对定位、绝对位、overflow 配合opacity 实现&lt;span class="fileinput-button "&gt; &lt;i class="fa fa-folder-open-o" aria-hidden="true"&gt;&lt;/i&a原创 2019-01-04 17:03:23 · 2110 阅读 · 3 评论 -
css 实现背景透明,子元素不透明的效果
直接上代码下面是两个盒子,一个作为背景,一个作为交互窗口 <div class="dialog-bg"> <div class="dialog"> <textarea name id cols="30" rows="10" placeholder="输入常用语"></textarea&am原创 2019-01-09 17:24:45 · 1294 阅读 · 2 评论 -
vue 图片、视频 上传 回显 删除
先看下效果实现原理选择本地文件上传到服务器服务器返回的值(图片的url)保存到vuex遍历地址的集合css 实现, 主要要用到::before直接上代码上传的html &amp;lt;div&amp;gt; &amp;lt;label class=&quot;pointer&quot; for=&quot;picture&quot; v-if=&quot原创 2019-01-15 16:32:23 · 3225 阅读 · 0 评论 -
用css做一个朋友圈评论图标
先看下效果图:再看下源码<!DOCTYPE html><html class="no-js"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /&原创 2019-02-19 16:11:48 · 632 阅读 · 0 评论 -
vue scroll 判断到底部
直接上js代码,把mycircle改成你自己参数 let sh = document.getElementById('mycircle').scrollHeight let st = document.getElementById('mycircle').scrollTop let ch = document.getElementById('mycircle').clientHeight ...原创 2019-03-06 14:43:42 · 1523 阅读 · 0 评论