随笔分类 - vue-动画
摘要:<style> /* 给动画添加一组过度效果 */ .v-enter, .v-leave-to { opacity: 0; transform: translateY(80px); } .v-enter-active, .v-leave-active { transition: all 0.6s e
阅读全文
摘要:<style> /* v-enter 这是进入之前;元素的起始状态;此时还没有开始进入 v-leave-to 是动画离开之后;离开的终止状态;此时元素的动画已经结束 .v-enter-active 入场动画的时间段 .v-leave-active 离场动画的时间段 */ .v-enter, .v-l
阅读全文
摘要:<style> /* 给动画添加一组过度效果 */ .v-enter, .v-leave-to { opacity: 0.8; /* 从右向左进入 */ transform: translateX(80px); /* 从下向上进入 */ transform: translateY(80px); }
阅读全文
摘要:<style> .box{ width: 30px; height: 30px; border-radius: 50%; background: red; } </style> </head> <body> <div id="app"> <input type="button" value="加入购
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要:参考地址 https://blog.csdn.net/sunshine0508/article/details/88390155 看大佬的地址
阅读全文
摘要:动态包裹哈 子组件 引入组件
阅读全文
摘要:is 是组件的一个属性,用来展示组件的名称 is和component联用哈 vue提供了component来展示对应的组件名称 compont是一个占位符,is这个属性,用来展示对应的组件名称 三个子组件 可以向tab栏一样去切换组件哈
阅读全文
摘要:<!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功,则给这个元素添加一个类active 2==》如何只显示 点击下标与之
阅读全文
摘要:/* border-top-right-radius: 40px; border-bottom-right-radius: 40px; 高度的一半就可以让右边变成一个半圆 */ .right-show { width: 200px; height: 80px; border-top-right-ra
阅读全文
摘要:<!-- 总结:1 data中的是一个对象 2 this表示的是data中的这个实例对象 3 在mounted中去调用函数 3.1 computed中去返回的是一个对象 4 如何将超市器变为定时器 5.textBox是包裹transition的盒子,(1)给一个固定的高度, (2)超出部分消失 (3
阅读全文