本文主要介绍如何封装loading加载过渡组件,本文的样式使用的stylus的写法
1.在对应的公共组件目录下,创建loading.vue(如果没有安装stylus,请现在package.json配置一下后重启服务)
对应的代码如下:
<template>
<div class="loading">
<img width="24" height="24" src="./loading.gif"> // .gif图片为动态加载图片,需要的小伙伴自己网上找一个哦
<p class="desc">{
{title}}</p>
</div>
</template>
<script type="text/ecmascript-6">
export default {
props: {
title: {
type: String,
default: '正在载入...'
}
}
}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
@import "~common/st