first
This commit is contained in:
38
components/my-components/my-empty.vue
Normal file
38
components/my-components/my-empty.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user