- 博客(5)
- 收藏
- 关注
原创 电商头部导航栏滑动效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>menu</title> <meta name="viewport" content="width=device-width,initial-scale=1...
2019-04-19 13:39:46 881
原创 实现滚动到一定位置时,导航栏置顶的效果
告别js用css实现滚动到一定位置时,导航栏置顶的效果。<div class="nav">这里是导航栏所在的DIV容器。</div>css代码:.nav{ position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */ top:0; /* 距离窗口顶部距离 */ left:0; /* 距离窗口左边的距离 */...
2019-04-16 11:11:31 4472
原创 react视频播放组件
通过NPM安装视频反应和对等依赖项npm install--save video-react react react-dom redux<link rel="stylesheet" href="https://video-react.github.io/assets/video-react.css" />(在index.html引入)import React ...
2019-04-13 11:01:25 6770 2
原创 vue 选项卡
<div id="box"> <!--点击设置msg的值 如果msg等于0,第一个a添加cur类名,如果msg等于1,第二个a添加cur类名,以此类推。 添加了cur类名,a就会改变样式 @click,:class ,v-show这三个是vue常用的指令或添加事件的方式--> <div class="tab...
2019-04-10 11:33:19 232
转载 Vue插值文本换行问题
问题背景:后端返回的字符串带有\n换行符,但Vue将其插值渲染成div内部文本后,文本并不换行,换行符显示为一个空格目标:让文本在换行符处换行。解决方法:思路:实现文本换行有两种方法,一是HTML方法,即<br>标签;二是CSS方法,即white-space属性。方法1.使用v-html 首先,将字符串里的\n替换为<br>,然后用v-ht...
2019-04-09 14:04:35 2799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人