cashier_app/components/my-components/my-empty.vue

38 lines
593 B
Vue

<template>
<view class="u-flex u-row-center">
<view class="empty color-999 u-font-28 u-m-t-60 u-text-center">{{text}}</view>
</view>
</template>
<script setup>
const props= defineProps({
text:{
type:String,
default:'暂无记录'
}
})
</script>
<style lang="scss">
.empty{
position: relative;
padding: 0 16rpx;
&:before,&::after{
position: absolute;
content: '';
display: block;
top: 50%;
height: 1px;
background-color: #E5E5E5;
border-radius: 1px;
width: 94rpx;
}
&:before{
right: 100%;
}
&::after{
left: 100%;
}
}
</style>