31 lines
707 B
Vue
31 lines
707 B
Vue
<template>
|
|
<div :style="divstyle" ><div :style="linestyle"></div></div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'page-line',
|
|
props: {
|
|
data: Object,
|
|
},
|
|
computed:{
|
|
divstyle(){
|
|
return{
|
|
height:"30px",
|
|
position:'relative',
|
|
margin:'0px '+this.data.margintype+'px'
|
|
};
|
|
},
|
|
linestyle(){
|
|
return{
|
|
position:'absolute',
|
|
top:'14px',
|
|
width:'100%',
|
|
borderTop:'1px '+(this.data.type==undefined?'solid':this.data.type)+" "+(this.data.color==undefined?'#000':this.data.color),
|
|
};
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|