前端
zzzzoey_
这个作者很懒,什么都没留下…
展开
-
css 页面二维码类的 绝对定位滑动隐藏
<style>* { padding: 0; margin: 0; border-box: box-sizing;}html, body { width: 100%; height: 100%; background-color: #eee;}.qrcode { padding-left: 30px; width: 200px; height: 250px; position: fixed; bottom: 100px; left: .原创 2020-06-24 18:28:49 · 285 阅读 · 0 评论 -
vue 封装时间格式化 (过滤器)
在src目录下 utils 文件夹下 新建 myfiliters.js 文件// 格式化时间,如果接收的ti参数是字符串类型export const timeformat = (t1, spe) => { spe = spe || "-"; const time = new Date(t1); let year = time.getFullYear(); let mo...原创 2020-02-25 01:26:09 · 1208 阅读 · 1 评论 -
为图片添加遮罩层,并在鼠标悬停时切换遮罩层 css
效果图需求:第一层遮罩层,背景色带文字第二层遮罩层,隐藏,鼠标悬停时切换隐藏状态,并把第一层遮罩层隐藏html结构: <div class="imgItem"> <img src="/public/Home/cases/case_01.jpg" /> <!-- 第一层遮罩层 --> <div class=...原创 2020-02-10 22:45:15 · 1298 阅读 · 0 评论 -
css 图片中间部分放大
object-fit: cover;原创 2020-02-10 17:32:44 · 1470 阅读 · 0 评论 -
带三角形的导航栏样式 html css
效果图代码:<div class="row select_tab"> <div class="col select ">1. 选择版本</div> <div class="col ">2. 经营信息</div> <div class="col ">3. 店铺信息</div> <div ...原创 2020-02-09 18:00:17 · 681 阅读 · 0 评论 -
vue 导航栏路由切换样式随着切换
如果当前的路由相等,那就显示这个 active <p :class="{active:'/home' == $route.path}" @click="goIndex()">首页</p> methods: { goIndex() { this.$router.push("/home"); }}...原创 2020-01-30 16:06:05 · 1788 阅读 · 0 评论 -
css 元素定位不随滚动条移动问题
在有滚动条的模块中,使用position:absolute 定位的div会随着滚动条滚动而位置变化需求:始终固定在某个位置浏览器渲染规则:如果html和body只有一个overflow,那么滚动条作用于文档,如果都有overflow属性,html作用于文档,body作用于自身。绝对定位是相对于初始包含块,当拖动文档的滚动条他会随之滚动,如果文档的滚动条禁止,给body添加滚动条...原创 2020-01-17 10:37:36 · 8026 阅读 · 0 评论 -
css 保留滚动功能,隐藏滚动条
css 保留滚动功能,隐藏滚动条.center { overflow: auto;}//隐藏滚动条.center::-webkit-scrollbar { display: none;}原创 2020-01-17 10:12:19 · 277 阅读 · 0 评论 -
html 插入视频 首帧画面属性
<div class="vedio"> <video controls src="https://video.pearvideo.com/mp4/third/20191018/cont-1613411-10054243-102939-hd.mp4" :poster="articalsList.cover &a...原创 2020-01-16 10:06:43 · 617 阅读 · 0 评论 -
css 水平垂直居中
相对于页面对块元素进行垂直居中.login { position: absolute;; width: 5rem; top: 50%; left: 50%; transform: translate(-50%,-50%);}原创 2020-01-15 18:53:19 · 783 阅读 · 0 评论 -
vue-购物车系列
利用本地存储localStorage实现购物车加入购物车 addCars(goods) { // console.log(goods); // this.cars.unshift(goods); // console.log(this.carsList); // localStorage.setItem('car',index) ...原创 2020-01-15 18:48:41 · 156 阅读 · 0 评论