如何在keystone.js中使用flash消息？

Question

我使用此代碼顯示閃光燈消息

req.flash('success', 'Data saved...!!!'); 

當顯示提示信息，它看起來像的網站內容的一部分。那麼，有沒有其他方式可以在keystone.js中顯示訊息。

Answer 1

你只需要一些CSS，使其固定在屏幕的高於一切的中心：

#flash-messages { 
    position: fixed; 
    top: 50%; 
    left: 0; 
    right: 0; 
    display: block; 
    z-index: 9999999; 
    text-align: center; 
} 

.alert{ 
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.34); 
    color: #fff; 

    h4 { 
    font-size: 4rem; 
    } 
} 
.alert-warning { 
    background-color: #d80000; 
    border-color: #9c0000; 
} 
.alert-success { 
    background-color: #2c9800; 
    border-color: #247d00; 
}