|
@@ -3,11 +3,10 @@
|
|
|
<div class="app-empty-center" :style="{'text-align: center;': !!isEmpty}">
|
|
<div class="app-empty-center" :style="{'text-align: center;': !!isEmpty}">
|
|
|
<slot v-if="!isEmpty" name="empty_body" />
|
|
<slot v-if="!isEmpty" name="empty_body" />
|
|
|
<slot v-if="isEmpty && !isLoading" name="empty_content">
|
|
<slot v-if="isEmpty && !isLoading" name="empty_content">
|
|
|
- <!-- :style="`width:${pictureWidth};`" -->
|
|
|
|
|
- <div class="app-empty__img" :style="{width: pictureWidth}">
|
|
|
|
|
- <img :src="src" mode="widthFix" />
|
|
|
|
|
|
|
+ <div class="app-empty-img" :style="{width: pictureWidth}">
|
|
|
|
|
+ <image :src="src" mode="widthFix" ></image>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="app-empty__title">
|
|
|
|
|
|
|
+ <div class="app-empty-title">
|
|
|
<template v-if="isTitle">
|
|
<template v-if="isTitle">
|
|
|
<span :class="[type==='noData'?'empty_noData':'']">{{ title }}</span>
|
|
<span :class="[type==='noData'?'empty_noData':'']">{{ title }}</span>
|
|
|
<span>{{ content }}</span>
|
|
<span>{{ content }}</span>
|
|
@@ -113,19 +112,18 @@ export default {
|
|
|
margin-bottom: 80upx;
|
|
margin-bottom: 80upx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- & .app-empty__img {
|
|
|
|
|
|
|
+ & .app-empty-img {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
margin: 116upx auto 20upx;
|
|
margin: 116upx auto 20upx;
|
|
|
& image {
|
|
& image {
|
|
|
width: 180upx;
|
|
width: 180upx;
|
|
|
- max-width: 100%;
|
|
|
|
|
height: auto;
|
|
height: auto;
|
|
|
margin:0 auto;
|
|
margin:0 auto;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- & .app-empty__title {
|
|
|
|
|
|
|
+ & .app-empty-title {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
align-items: center;
|