70 lines
1.7 KiB
Vue
70 lines
1.7 KiB
Vue
<template>
|
||
<view class="NOList">
|
||
<view class="no-addr">
|
||
<image :src="`https://e-chain.cnskl.com/storage/imageresource/no-image/${name}.png`" mode="widthFix"></image>
|
||
{{txt}}
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "NOList",
|
||
/**
|
||
* name 携带过来的图片名称 （与本地问图片文件相对应）
|
||
*
|
||
* no-address（没有地址）
|
||
* no-counpon（没有优惠券）
|
||
* no-goods（没有商品）
|
||
* no-list（没有订单列表）
|
||
* no-news（没有任何消息）
|
||
* no-new1（没有任何消息1）
|
||
* no-chain （没有区块链信息）
|
||
* no-collection（没有任何收藏信息）
|
||
* no-foot （没有足迹信息）
|
||
* no-in（没有收入信息）
|
||
* no-out （没有任何支出信息）
|
||
* no-order （没有任何订单信息）
|
||
* no-order-list （没有任何订单信息）
|
||
* no-record （没有任何收益信息）
|
||
* no-records （没有任何收益信息2）
|
||
* no-search （没有任何搜索信息）
|
||
* no-shop （没有任何店铺信息）
|
||
*
|
||
*
|
||
* txt 携带过来的提示语
|
||
*/
|
||
props: {
|
||
name: String,
|
||
txt: String,
|
||
webUrl:'https://e-chain.cnskl.com/storage/imageresource/no-image'
|
||
},
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
// 无地址
|
||
.no-addr {
|
||
padding-top: $padding*6;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
color: #999;
|
||
font-size: $title-size*0.9;
|
||
|
||
image {
|
||
margin-bottom: $margin*4;
|
||
margin-top: $margin*2;
|
||
width: 400rpx;
|
||
opacity: .4;
|
||
}
|
||
}
|
||
</style>
|