摘要: <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 吴小明- 阅读(176) 评论(0) 推荐(0) 编辑
摘要: [class^='icon'], [class*=' icon'] { width: 100px; height: 100px; background-color: red; } 以icon开头,包含 ' icon'的类名 阅读全文
posted @ 2021-09-25 19:32 吴小明- 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 概念:当设置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 吴小明- 阅读(61) 评论(0) 推荐(0) 编辑
摘要: 自定义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 吴小明- 阅读(203) 评论(0) 推荐(0) 编辑