提交 da228180 编写于 作者: KK's avatar KK

样式

上级 2ad02b86
.app-select-tree-list{
font-size: 14px;
.app-select-tree-list-item {
display: flex;
justify-content: space-between;
padding: 10px 20px;
border-bottom: solid #efefef .2px;
align-items: center;
.header {
display: flex;
justify-content: center;
align-items: center;
}
.delete {
color: #f85b46;
}
.index_text {
width: 30px;
height: 30px;
background: #ccc;
margin-right: 10px;
text-align: center;
line-height: 30px;
border-radius: 4px;
}
.app-select-tree-list {
margin-top: 20px;
font-size: 14px;
.app-select-tree-list-item {
display: flex;
justify-content: space-between;
padding: 10px 20px;
border-bottom: solid #efefef 0.2px;
align-items: center;
.app-select-tree-list-item-header {
display: flex;
justify-content: center;
align-items: center;
}
}
\ No newline at end of file
.delete {
color: #f85b46;
}
.index_text {
width: 30px;
height: 30px;
background: #ccc;
margin-right: 10px;
text-align: center;
line-height: 30px;
border-radius: 4px;
}
}
}
.ibiz_sheet_tree {
height: 60vh;
.header {
position: absolute;
width: 100%;
margin: 0 auto;
height: 20px;
background: #fff;
}
}
<template>
<div class="app-select-tree-list">
<div v-for="item in items" :key="item.srfkey" class="app-select-tree-list-item" >
<div class="header">
<div class="app-select-tree-list-item-header">
<div class="index_text">{{getindexText(item.srfmajortext)}}</div>
<div class="text">{{item.srfmajortext}}</div>
</div>
......
......@@ -260,6 +260,20 @@
--color: @theme-color;
--color-activated: @theme-color;
}
.app-select-tree-list {
.app-select-tree-list-item {
.index_text {
background: @theme-color;
color: @text-color;
}
}
}
.app-mob-treeview .tree_item_label .tree_item_index_text {
background: @theme-color;
color: @text-color;
}
// 用户自定义主题文件
.user_theme(@theme-color,@text-color);
.user_theme(@theme-color, @text-color);
}
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册