添加Alert组件

Author: SmallRuralDog

public/app.js

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=ebcf5ad45ebf6b98ef46",
+    "/app.js": "/app.js?id=6776ce9fa532756a6ddc",
     "/manifest.js": "/manifest.js?id=3c768977c2574a34506e",
     "/vendor.js": "/vendor.js?id=38a9d2f43b98aaf4f7dd"
 }

public/mix-manifest.json

@@ -114,4 +114,7 @@ import Steps from './components/widgets/Steps'
 Vue.component('Steps', Steps)
 
 import Html from './components/widgets/Html'
-Vue.component('Html', Html)
+Vue.component('Html', Html)
+
+import Alert from './components/widgets/Alert'
+Vue.component('Alert', Alert)

resources/js/components.js

@@ -0,0 +1,21 @@
+<template>
+  <el-alert
+    :style="attrs.style"
+    :class="attrs.className"
+    :title="attrs.title"
+    :type="attrs.type"
+    :description="attrs.description"
+    :closable="attrs.closable"
+    :center="attrs.center"
+    :close-text="attrs.closeText"
+    :show-icon="attrs.showIcon"
+    :effect="attrs.effect"
+  />
+</template>
+<script>
+export default {
+  props: {
+    attrs: Object
+  }
+};
+</script>

resources/js/components/widgets/Alert.vue

@@ -6,13 +6,13 @@
 
 class Alert extends Component
 {
-    protected $componentValue = "Alert";
+    protected $componentName = "Alert";
 
     protected $title = "";
     protected $type = "info";
     protected $description = "";
     protected $closable = true;
-    protected $center = true;
+    protected $center = false;
     protected $closeText = "";
     protected $showIcon = false;
     protected $effect = "light";