clone 开源的 Shopping

mobile-web/src/components/page/line.vue

@@ -0,0 +1,30 @@
+<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>
+