1
|
<template>
|
1
|
<template>
|
2
|
- <view class="c-no-data" :style="[wrapStyle]">
|
2
|
+ <view class="c-no-data" :style="[wrapStyle]" >
|
3
|
<view class="image">
|
3
|
<view class="image">
|
4
|
- <u-image :src="vuex_baseImgUrl+'no_data.png'" width="480rpx" height="480rpx"></u-image>
|
4
|
+ <u-image :src="vuex_baseImgUrl && `${vuex_baseImgUrl}nodata.png`" width="260rpx" height="200rpx" :show-loading="false" :show-error="false"></u-image>
|
5
|
</view>
|
5
|
</view>
|
6
|
- <view class="title" :style="[topStyle]">{{ title }}</view>
|
6
|
+ <view class="title">{{ title }}</view>
|
7
|
</view>
|
7
|
</view>
|
8
|
</template>
|
8
|
</template>
|
9
|
|
9
|
|
|
@@ -22,11 +22,12 @@ |
|
@@ -22,11 +22,12 @@ |
22
|
},
|
22
|
},
|
23
|
paddingTop: {
|
23
|
paddingTop: {
|
24
|
type: String,
|
24
|
type: String,
|
25
|
- default: "180"
|
25
|
+ default: "180rpx"
|
26
|
},
|
26
|
},
|
27
|
},
|
27
|
},
|
28
|
data() {
|
28
|
data() {
|
29
|
return {
|
29
|
return {
|
|
|
30
|
+ // vuex_baseImgUrl: this.vuex_baseImgUrl
|
30
|
};
|
31
|
};
|
31
|
},
|
32
|
},
|
32
|
watch: {
|
33
|
watch: {
|
|
@@ -34,20 +35,13 @@ |
|
@@ -34,20 +35,13 @@ |
34
|
},
|
35
|
},
|
35
|
computed: {
|
36
|
computed: {
|
36
|
wrapStyle() {
|
37
|
wrapStyle() {
|
37
|
- let style = {};
|
|
|
38
|
- style.paddingTop = this.paddingTop + 'rpx';
|
38
|
+ let style = {};
|
|
|
39
|
+ style.paddingTop = this.paddingTop
|
39
|
return style;
|
40
|
return style;
|
40
|
},
|
41
|
},
|
41
|
-
|
|
|
42
|
- topStyle() {
|
|
|
43
|
- let style = {};
|
|
|
44
|
- style.top = (Number(this.paddingTop) + 360) + 'rpx';
|
|
|
45
|
- return style;
|
|
|
46
|
- },
|
|
|
47
|
-
|
|
|
48
|
},
|
42
|
},
|
49
|
methods: {
|
43
|
methods: {
|
50
|
-
|
44
|
+
|
51
|
|
45
|
|
52
|
}
|
46
|
}
|
53
|
};
|
47
|
};
|
|
@@ -56,22 +50,18 @@ |
|
@@ -56,22 +50,18 @@ |
56
|
<style scoped lang="scss">
|
50
|
<style scoped lang="scss">
|
57
|
.c-no-data {
|
51
|
.c-no-data {
|
58
|
width: 100%;
|
52
|
width: 100%;
|
59
|
- position: relative;
|
|
|
60
|
|
53
|
|
61
|
.image {
|
54
|
.image {
|
62
|
- width: 480rpx;
|
55
|
+ width: 260rpx;
|
63
|
margin: 0 auto;
|
56
|
margin: 0 auto;
|
64
|
}
|
57
|
}
|
65
|
|
58
|
|
66
|
- .title {
|
|
|
67
|
- width: 100%;
|
|
|
68
|
- position: absolute;
|
|
|
69
|
- top: 560rpx;
|
|
|
70
|
- left: 0rpx;
|
59
|
+ .title {
|
|
|
60
|
+ margin: 48rpx 0 0 0;
|
71
|
text-align: center;
|
61
|
text-align: center;
|
72
|
- font-size: 24rpx;
|
|
|
73
|
- line-height: 52rpx;
|
|
|
74
|
- color: #909097;
|
62
|
+ font-size: 28rpx;
|
|
|
63
|
+ line-height: 40rpx;
|
|
|
64
|
+ color: #000000;
|
75
|
}
|
65
|
}
|
76
|
}
|
66
|
}
|
77
|
-</style> |
67
|
+</style> |