![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
学Java的小李
上班中,没有太多的时间,偶尔写点
展开
-
vue-给div添加渐变颜色
vue-给div添加渐变颜色第一步:先写一个div并给它设置一个类名(class),我的这个div的类名为class=“www”第二步:定义div的宽与高,并设置颜色渐变background: -webkit-linear-gradient(bottom,hsla(0,0%,59%,.15),hsla(0,0%,59%,0),white) no...原创 2019-06-14 22:00:32 · 14564 阅读 · 0 评论 -
点击按钮时div显示再次点击时隐藏(白天夜间切换)
position: fixed; 生成绝对定位的元素,相对于浏览器窗口进行定位opacity: 0.6; 设置透明度outline: 1000px solid rgba(0, 0, 0, 0.3); 设置轮廓大小及颜色 0.3为透明度值z-index: 999999;将div在顶层显示效果图:...原创 2019-06-16 19:39:43 · 697 阅读 · 0 评论 -
vue 实现点击按钮加载更多
<template> <div> <div v-for="(item, key) in list" v-show="key<num"> {{item}} </div> <span @click="showMore">{{txt}}</span> </div>&l...转载 2019-06-16 20:00:51 · 5663 阅读 · 0 评论 -
css过渡动画,鼠标移上去就变大(缓慢变大、过渡效果、放大的过程是过渡动画的,这个过渡动画是有时间控制的)
<template> <div> <div class="li"> <img src="../assets/123.jpg" alt> </div> </div></template><script>export default { props: {},...原创 2019-06-18 13:27:27 · 2823 阅读 · 0 评论 -
vue 写点击展开及收起
<template> <div> <div> <p id="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates, atque necessitatibus. Incidunt repellat, distinctio cupiditat...原创 2019-07-01 16:27:11 · 4750 阅读 · 2 评论