feat: 增加d2-crud-plus示例

src/views/demo/d2-crud-plus/index/helper.js

@@ -0,0 +1,34 @@
+export default {
+  crud: `  columns: [
+    {
+      title: '日期', //字段名称
+      key: 'date', //字段key
+      type: 'date', //字段类型，添加、修改、查询将自动生成相应表单组件
+    },
+    {
+      title: '状态',
+      key: 'status',
+      type: 'select', //选择框，默认单选
+      dict: { url: '/dicts/OpenStatusEnum' }//远程数据字典
+    },
+    {
+      title: '地区',
+      key: 'address',
+      type: 'select', //选择框
+      form: { //表单组件自定义配置
+        component: { //支持任何v-model组件
+          props: {  multiple: true } // 此处配置选择框为多选
+        }
+      },
+      dict: {
+        data: [ //本地数据字典
+          { value: 'sz', label: '深圳' },
+          { value: 'gz', label: '广州' },
+          { value: 'wh', label: '武汉' },
+          { value: 'sh', label: '上海' }
+        ]
+      }
+    }
+  ]
+  `
+}

src/views/demo/d2-crud-plus/index/index.vue

@@ -0,0 +1,69 @@
+<template>
+  <d2-container type="ghost">
+    <d2-module-index-banner slot="header" v-bind="banner"/>
+<!--    <d2-module-index-menu :menu="menu"/>-->
+
+    <div class="exampleBox d2-mt-20 ">
+      <div class="left">
+        <d2-highlight :code="helper.crud" lang="javascript"/>
+      </div>
+      <div class="icon">
+        <i class="el-icon-right"></i>
+      </div>
+      <div class="right">
+        <img src="./image/gif.webp">
+      </div>
+    </div>
+  </d2-container>
+</template>
+
+<script>
+import helper from './helper'
+
+export default {
+  data () {
+    return {
+      helper,
+      banner: {
+        title: 'D2 CRUD PLUS',
+        subTitle: 'D2 Crud Plus 是一个面向配置的Crud开发框架，辅助d2-crud和d2-crud-x，让开发crud更简单',
+        link: 'https://github.com/greper/d2-crud-plus'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.exampleBox{
+  display: flex;
+  align-items:center;
+  height:420px;
+  width:90%;
+  padding:5px;
+  margin:auto;
+  justify-content: center;
+.left{
+  height:100%;
+  overflow-y: hidden;
+  border: 1px solid #aaa;
+}
+.icon{
+  width:120px;
+  display: flex;
+  flex-direction:  column;
+  align-items:center;
+  i{font-size: 50px;}
+}
+.right{
+  height:100%;
+img{
+  height:100%;
+}
+}
+.d2-highlight{
+  font-size: 8px;
+}
+}
+
+</style>