2021年9月25日
css使用伪元素扩大点击区域
摘要： <template> <div id="app"> <span @click="close">x</span> </div> </template> <script> export default { methods: { close() { console.log('123') } } } </s 阅读全文
posted @ 2021-09-25 19:40 吴小明- 阅读(193) 评论(0) 推荐(0)
css设置以某个字符开头或包含某个字符的类名样式
摘要： [class^='icon'], [class*=' icon'] { width: 100px; height: 100px; background-color: red; } 以icon开头，包含 ' icon'的类名 阅读全文
posted @ 2021-09-25 19:32 吴小明- 阅读(768) 评论(0) 推荐(0)
margin/padding的值为百分比时，以其父元素的宽度来计算
摘要： 概念：当设置padding-bottom的值为75%时，该值为父级元素宽度的75%，可以达到自适应的效果 应用： <template> <div id="app"> <div class="img-container"><img src="./assets/images/4：3.jpg"></div 阅读全文
posted @ 2021-09-25 17:09 吴小明- 阅读(77) 评论(0) 推荐(0)
自定义loading指令
摘要： 自定义loading指令 directives/MyLoading/index.vue： <template> <div class="loading-wrapper"> <div class="loading-content"> <img width="50" height="50" src="./loading.gif" 阅读全文
posted @ 2021-09-25 16:19 吴小明- 阅读(215) 评论(0) 推荐(0)