随笔分类 -  vue-动画

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

点击右上角即可分享
微信分享提示