You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
748 B
46 lines
748 B
5 years ago
|
<template>
|
||
|
|
<view class="uni-list">
|
||
|
|
<slot></slot>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'uni-list'
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss">
|
||
|
|
.uni-list {
|
||
|
|
background-color: $uni-bg-color;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
&:after {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 10;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 1px;
|
||
|
|
content: '';
|
||
|
|
-webkit-transform: scaleY(0.5);
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
background-color: $uni-border-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
position: absolute;
|
||
|
|
z-index: 10;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 1px;
|
||
|
|
content: '';
|
||
|
|
-webkit-transform: scaleY(0.5);
|
||
|
|
transform: scaleY(0.5);
|
||
|
|
background-color: $uni-border-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|