午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術文章
文章詳情頁

javascript - vue 動畫過渡 手風琴

瀏覽:251日期:2023-05-24 15:01:59

問題描述

為什么實現不了手風琴?

<style> .collapse-enter{max-height: 0; } .collapse-enter-active {max-height: 10rem;-webkit-transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0); } .collapse-leave {max-height: 10rem; } .collapse-leave-active {max-height: 0;-webkit-transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0); }</style><h1 @click='detail = !detail'>Title</h1><transition name='collapse'> <p v-show='detail'>在紐約長島的一家餐吧里有一只132歲的大龍蝦。這只紐約最老的龍蝦名叫Louie,重22磅(約20斤),20年來,它一直生活在一家餐吧里,餐吧主人Butch Yamali就像養了一只寵物一樣,把它養在水族箱里。 </p></transition>data: { detail: false,}

問題解答

回答1:

不知道你這里的是不是就是完整的代碼了,我對你的代碼稍作修改之后就能正常運行了。代碼的邏輯和CSS樣式寫得沒有問題。如果上面就是你的完整代碼,那上面的錯誤在于,你沒有掛載實例。

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>collapse</title> <script src='http://cdn.staticfile.org/vue/2.0.3/vue.js'></script> <style>.collapse-enter{ max-height: 0;}.collapse-enter-active { max-height: 10rem; -webkit-transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0); transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.collapse-leave { max-height: 10rem;}.collapse-leave-active { max-height: 0; -webkit-transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0); transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);} </style></head><body> <p id='app'><h1 @click='detail = !detail'>Title</h1><transition name='collapse'> <p v-show='detail'>在紐約長島的一家餐吧里有一只132歲的大龍蝦。這只紐約最老的龍蝦名叫Louie,重22磅(約20斤),20年來,它一直生活在一家餐吧里,餐吧主人Butch Yamali就像養了一只寵物一樣,把它養在水族箱里。 </p></transition> </p> <script>new Vue({ el: '#app', data: {detail: false }}); </script></body></html>

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 一级黄色av片 | 美女啪啪免费视频 | 国产成人精品亚洲 | 肉肉av福利一精品导航 | 国产八区 | 欧美一级淫片免费视频黄 | 亚洲女人初尝黑人巨大 | 欧美一级一区二区三区 | 国产视频自拍一区 | 青青草伊人网 | 欧美专区在线播放 | 国产黄色免费在线观看 | 超碰免费播放 | 黄色国产在线观看 | 伊人五月婷婷 | 欧美一级片免费在线观看 | 国产精品视频在线观看 | 天天操一操 | 亚洲在线影院 | 久久精品国产99 | 欧美八区| 热久久免费 | 男人综合网 | 中文字幕欧美在线 | 99青青| 久久99免费| 伊人久久一区二区 | 成人在线视频免费观看 | 黄网页在线观看 | 91亚洲精品国偷拍 | 国产传媒一区二区三区 | 亚洲欧美日韩成人在线 | 国产在线一二区 | 在线观看毛片网站 | 国产成人精品免费看视频 | 偷拍欧美亚洲 | 久久久久一区 | 9久久精品| 成人在线观 | 99自拍偷拍 | 在线黄色免费 |