自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 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 80

原创 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 549

原创 为图片添加遮罩层,并在鼠标悬停时切换遮罩层 css

效果图需求:第一层遮罩层,背景色带文字第二层遮罩层,隐藏,鼠标悬停时切换隐藏状态,并把第一层遮罩层隐藏html结构: <div class="imgItem"> <img src="/public/Home/cases/case_01.jpg" /> <!-- 第一层遮罩层 --> <div class=...

2020-02-10 22:45:15 348

原创 css 图片中间部分放大

object-fit: cover;

2020-02-10 17:32:44 446

原创 带三角形的导航栏样式 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 136

原创 vue 导航栏路由切换样式随着切换

如果当前的路由相等,那就显示这个 active <p :class="{active:'/home' == $route.path}" @click="goIndex()">首页</p> methods: { goIndex() { this.$router.push("/home"); }}...

2020-01-30 16:06:05 1124

原创 css 元素定位不随滚动条移动问题

在有滚动条的模块中,使用position:absolute 定位的div会随着滚动条滚动而位置变化需求:始终固定在某个位置浏览器渲染规则:如果html和body只有一个overflow,那么滚动条作用于文档,如果都有overflow属性,html作用于文档,body作用于自身。绝对定位是相对于初始包含块,当拖动文档的滚动条他会随之滚动,如果文档的滚动条禁止,给body添加滚动条...

2020-01-17 10:37:36 2076

原创 css 保留滚动功能,隐藏滚动条

css 保留滚动功能,隐藏滚动条.center { overflow: auto;}//隐藏滚动条.center::-webkit-scrollbar { display: none;}

2020-01-17 10:12:19 123

原创 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 219

原创 css 水平垂直居中

相对于页面对块元素进行垂直居中.login { position: absolute;; width: 5rem; top: 50%; left: 50%; transform: translate(-50%,-50%);}

2020-01-15 18:53:19 601

原创 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 61

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除