element-card用法总结

大神请移步，菜鸟可以参考一下。

在项目中，利用el-card实现了一个类似通知栏的功能，顺便总结了一些细节问题。老规矩，先上代码：

	
        

          用户须知
          修改
          添加
        
        

          

            

              
{
    {info}}
            
          
        
      

1、修改el-card__header 样式

.el-card__header {
    background-color: yellowgreen;
  } 

默认情况下，el-card__header没有背景颜色，用户可以根据需要进行设置

2、列表项相关

作为一个通知栏，最好能够是一个有序的列表，这样比较直观，同时，每一个单项直接需要设置恰当的行间距，首行空几个像素等。当一行的内容过多时，注意换行，

设置自动换行

 

 省略内容。。。
 

有序列表

	

       

          
{
    {info}}
        
    

注意，列表项的循环放在一个单独的div的标签之下，v-for语句不要放在ol标签属性中，如果是无序列表，效果实现是相同的，但是如果是有序列表，生成的序号是相同的。

.paragraph_indent {
    text-indent: 20px;
    margin-top: 10px;
  }

上面样式主要是控制列表项的行间距及首行缩进