<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
<!-- 总结
/* border-top-right-radius: 40px; border-bottom-right-radius: 40px; 高度的一半就可以让右边变成一个半圆 */ .right-show { width: 200px; height: 80px; border-top-right-r
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com
<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="加入购
is 是组件的一个属性,用来展示组件的名称 is和component联用哈 vue提供了component来展示对应的组件名称 compont是一个占位符，is这个属性，用来展示对应的组件名称 三个子组件 可以向tab栏一样去切换组件哈
动态包裹哈 子组件 引入组件
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
