047_Divider分割线

1. Divider分割线

1.1. Divider分割线区隔内容的分割线。

1.2. Divider Attributes

参数	说明	类型	可选值	默认值
direction	设置分割线方向	string	horizontal / vertical	horizontal
content-position	设置分割线文案的位置	string	left / right / center	center

2. Divider分割线例子

2.1. 使用脚手架新建一个名为element-ui-divider折叠面板的前端项目, 同时安装Element插件。

2.2. 在components下创建Divider.vue

<template><div><h1>基础用法</h1><h4>对不同章节的文本段落进行分割。</h4><div><span>青春是一个短暂的美梦, 当你醒来时, 它早已消失无踪</span><el-divider></el-divider><span>少量的邪恶足以抵消全部高贵的品质, 害得人声名狼藉</span></div><h1 style="margin-top: 100px;">设置文案</h1><h4>可以在分割线上自定义文案内容。</h4><div><span>头上一片晴天, 心中一个想念</span><el-divider content-position="left">少年包青天</el-divider><span>饿了别叫妈, 叫饿了么</span><el-divider><i class="el-icon-mobile-phone"></i></el-divider><span>为了无法计算的价值</span><el-divider content-position="right">阿里云</el-divider></div><h1 style="margin-top: 100px;">垂直分割</h1><div><span>雨纷纷</span><el-divider direction="vertical"></el-divider><span>旧故里</span><el-divider direction="vertical"></el-divider><span>草木深</span></div></div>
</template>

2.3. 运行项目, 访问http://localhost:8080/#/Divider

047_Divider分割线相关推荐

Android ListView item设置分割线以及分割线宽度
ListView item设置分割线的方法:setDivider ListView item设置分割线宽度的方法:setDividerHeight // 设置分割线 listView.setDivid ...
echarts 横纵分割线颜色透明度
/*横纵分割线颜色透明度*/ xAxis: {axisLabel: {textStyle: {color: "#2484db"}},axisLine: {lineStyle: {c ...
LinearLayout增加divider分割线
2019独角兽企业重金招聘Python工程师标准>>> 在android3.0及后面的版本在LinearLayout里增加了个分割线 android:divider="@d ...
R语言ggplot2可视化：使用R原生plot函数为指定曲线下面的区域着色、ggplot2可视化在曲线的特定下方添加分割线、ggplot2为指定曲线下面的区域着色
R语言ggplot2可视化:使用R原生plot函数为指定曲线下面的区域着色.ggplot2可视化在曲线的特定下方添加分割线.ggplot2为指定曲线下面的区域着色目录
[Android]ListView中分割线的设置
1.在布局文件中ListView元素中通过属性设置 [html] view plaincopy android:divider="#fffff" 分割线颜色 android:di ...
Gridview数据显示实现按日期排序分割线
前段时间做个小项目需要查询结果按日期排序并将显示结果每天数据之间用明显的分割线隔开效果如下: 具体实现方法其实很简单: Gridview数据绑定时添加方法: OnRowDataBound=" ...
RecycleView分割线
使用: //添加分割线 recyclewview.addItemDecoration(new DividerItemDecoration(getActivity(), DividerItemDecor ...
Android零基础入门第65节：RecyclerView分割线开发技巧
2019独角兽企业重金招聘Python工程师标准>>> 在上一期通过简单学习,已经领略到了RecyclerView的灵活性,当然都是一些最基础的用法,那么本期一起来学习Recycle ...
Android移动开发之【Android实战项目】Recyclerview添加花色分割线
最近在做项目的过程中发现干巴巴的Recyclerview真的不好看,这里讲一下怎么一句话加默认的分割线,并且改变分割线的样式. 文章目录一.添加默认分割线二.修改样式三.设置方法通过 setD ...

047_Divider分割线

047_Divider分割线相关推荐

最新文章

热门文章