update: 登录信息

src/components/layout-element/login/app-login-message/app-login-message.less

 .app-login-message{
+    height: 40px;
+    width: 100%;
     .ivu-alert{
+        width: 100%;
+        height: 100%;
         display: flex;
         align-items: center;
         background-color: rgb(255, 225, 225);

src/components/layout-element/login/app-login-message/app-login-message.vue

 <template>
-  <div class="app-login-message">
+  <div :class="[model.sysCss, 'app-login-message']" :style="containerStyle">
     <alert v-show="value" type="error" show-icon>{{ value }}</alert>
   </div>
 </template>
 
 <script lang='ts'>
+import { PanelFieldModel } from "@/model/panel-detail";
 import { Component, Vue, Prop } from "vue-property-decorator";
 
 @Component({})
-export default class AppPreSetLoginMessage extends Vue {
+export default class AppLoginMessage extends Vue {
 
     /**
-     * 内容
+     * 模型
      *
      * @type {string}
-     * @memberof AppPreSetLoginMessage
+     * @memberof AppLoginInput
      */
-    @Prop() public value?: string;
+    @Prop() public model!: PanelFieldModel;
+    
+    /**
+     * 值
+     *
+     * @type {string}
+     * @memberof AppLoginInput
+     */
+    @Prop() public value!: string;
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof AppLoginInput
+     */
+    @Prop() public name!: string;
+
+    /**
+     * 容器样式
+     *
+     * @type {any}
+     * @memberof AppLoginInput
+     */
+    public containerStyle: any = null;
+
+    public mounted() {
+        if (this.model) {
+            this.containerStyle = this.model.getElementStyle();
+        }
+    }
 
 }
 </script>