yw3692582 - 博客园

2021年12月29日

element的menu折叠隐藏效果

摘要： <template> <div class="main"> <div class="left_main" :class="{ left_main_show: openStatus }"> <el-menu id="elmenu" background-color="#545c64" text-col 阅读全文

posted @ 2021-12-29 10:16 yw3692582 阅读(1951) 评论(0) 推荐(0)

2021年12月28日

Vue可伸缩工具栏

摘要： <template> <div class="main"> <div class="toolbar" :class="{ toolbar_show: !openStatus }"> <el-button type="primary" size="small">点击</el-button> <el-b 阅读全文

posted @ 2021-12-28 17:22 yw3692582 阅读(621) 评论(0) 推荐(0)

Vue实现左侧可伸缩

摘要： <template> <div class="main"> <div class="left_main" :class="{ left_main_show: !openStatus }"></div> <div class="right_main"> <div class="open_close"> 阅读全文

posted @ 2021-12-28 17:07 yw3692582 阅读(703) 评论(0) 推荐(0)

2021年12月27日

移动端web开发理想视口及normalize.css

摘要： <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0，maximum-scale=1.0，minimum-scale=1.0"> 阅读全文

posted @ 2021-12-27 20:33 yw3692582 阅读(66) 评论(0) 推荐(0)

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-12-27 20:11 yw3692582 阅读(44) 评论(0) 推荐(0)

2021年12月26日

css实现图片放大效果

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-12-26 23:08 yw3692582 阅读(617) 评论(0) 推荐(0)

css的transform移动、旋转、缩放动画

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-12-26 23:00 yw3692582 阅读(512) 评论(0) 推荐(0)

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-12-26 22:45 yw3692582 阅读(44) 评论(0) 推荐(0)

css的transition过渡效果

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-12-26 22:17 yw3692582 阅读(64) 评论(0) 推荐(0)

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2021-12-26 21:59 yw3692582 阅读(46) 评论(0) 推荐(0)