@ebiz/designer-components 0.0.18-beta.19 → 0.0.18-beta.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebiz/designer-components",
-  "version": "0.0.18-beta.19",
+  "version": "0.0.18-beta.20",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/EbizDetailBlock.vue

@@ -44,11 +44,12 @@ const detailItems = computed(() => {
 
 .label {
     color: #86909C;
-    text-align: right;
+    width: 50%;
     padding-right: 16px;
 }
 
 .value {
     color: #0A0A0A;
+    width: 50%;
 }
 </style>

package/src/router/index.js

@@ -240,6 +240,12 @@ const routes = [
     name: 'TableDemo',
     component: () => import('../views/TableDemo.vue'),
     meta: { title: 'Ebiz表格组件示例' }
+  },
+  {
+    path: '/ebiz-detail-block',
+    name: 'EbizDetailBlock',
+    component: () => import('../views/EbizDetailBlockDemo.vue'),
+    meta: { title: 'Ebiz详情块组件示例' }
   }
 ]
 

package/src/views/EbizDetailBlockDemo.vue

@@ -0,0 +1,31 @@
+<template>
+    <div>
+        <ebiz-route-breadcrumb />
+        <ebiz-detail-block :model="model" :labelMap="labelMap"/>
+    </div>
+</template>
+
+<script>
+import { EbizDetailBlock } from '@/index.js'
+
+export default {
+    name: 'EbizDetailBlockDemo',
+    components: {
+        EbizDetailBlock
+    },
+    data() {
+        return {
+            model: {
+                "name": "张三",
+                "sex": "男"
+            },
+            labelMap:{
+                "name": "姓名",
+                "sex": "性别"
+            }
+        }
+    },
+}
+</script>
+
+<style scoped></style>

package/src/views/Home.vue

@@ -54,7 +54,8 @@ export default {
       { path: '/ebiz-employee-info', title: 'Ebiz员工信息组件示例' },
       { path: '/tdesign-alert', title: 'TDesign提示组件示例' },
       { path: '/tdesign-dialog', title: 'TDesign对话框组件示例' },
-      { path: '/table-demo', title: 'Ebiz表格组件示例' }
+      { path: '/table-demo', title: 'Ebiz表格组件示例' },
+      { path: '/ebiz-detail-block', title: 'Ebiz详情块组件示例' }
     ]
 
     return {