- 博客(7)
- 收藏
- 关注
RSS订阅原创 自定义Element主题颜色
如果只是修改Element的主题颜色时，官方提供了一种修改scss变量的方法：按照如上步骤进行修改，主题颜色可以顺利改变，但是需要注意的一点是，自定义颜色时，$–color-primary变量的颜色值不要采用十六进制的颜色值，不然会报错。（个人项目是如此，采用rgb格式的颜色值可正常运行）...
2020-11-25 14:47:07
957
转载 【转载】天坑之路：用js给选中文字添加样式
前言本例基于react，但是实际上就是用原生js做的。兼容性做到了IE9，但是按照这个思路做是可以做到IE8甚至更低的。需求与最初的思路当我拿到这个需求的时候以为很简单，就是可以给页面上的文章做记号，比如添加个下划线，或者背景涂色做成荧光笔的样子。因为只需要兼容IE9，所以window.getSelection是支持的。（IE8及以下有其它的获取选中的方法）那么思路就是选中文本，点击添加下划线后，通过 window.getSelection.getRangeAt(0) 拿到选中的文本对象，获取到文
2020-09-03 16:00:42
445
原创 自定义video的样式
一般情况下，video的样式可以满足正常的需求了，但是有时候仍然会要求修改video的样式，下面就是记录一下自定义video样式的代码。它可以实现进度的拖拽，音量的拖拽和静音，双击全屏功能的实现等<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...
2020-03-24 19:06:13
4485
原创 侧边栏跟随滑动即将离开视窗时固定在侧边的效果
有时候网页主体内容居中，分左右两个模块，左边为侧边栏，右边为主要内容。侧边栏的长度有限（小于视窗高度），固定为一定的高度，主要内容过多时就会导致侧边空旷，看起来不太美观，所以在网页滑动到视窗失去侧边栏的时候再把侧边内容固定在视窗的侧边是一种比较好的处理方法。本文所写的方法相对来说比较简单，具体思路如下：<div class="container"> <div id="fix...
2020-03-21 12:48:41
647
原创 中间文字，两边横线的简单实现
在做一个小demo的时候，有一个需求是中间文字，两边横线的分割线，这种是比较常见的一种分割线，下面的做法是一个个人觉得比较简单的实现方式，横线的长度也可以根据视窗的大小进行缩放。<div class="line-box"> <span class="line"></span> <span class="text">我是一条分割线</spa...
2020-03-21 11:35:33
1492
原创 flex布局下图片变形的解决方法
flex布局下图片变形的解决方法flex布局是现在常用的一个布局方式，但是有时候也会导致出现一些小问题。本人在使用flex布局做一个左边头像，右边文字的时候，发现固定图片的宽度时，图片宽度仍然发生了变化。下图是头像本应该是圆形的，但是被挤压变形了。<div class="people"> <img class="avatar" src="./avatar.jpg" alt...
2020-03-20 11:52:39
2077
原创 小程序通过全局变量实现两个页面之间数据传递（数组）
小程序通过全局变量实现两个页面之间数据传递（数组）刚开始学小程序，因为没有系统完整地学，所以有些功能不知道具体怎么实现，最近需要用到两个页面之间传递数据的功能，查了挺多，可能是个人没有具备太多的小程序知识，觉得有点看不太懂。最后终于搞出来了，记下来希望能帮到同样在学小程序的朋友们首先需要在app.js中定义全局变量//app.jsvar listApp({})然后在index页...
2018-10-14 22:22:27
7711
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人