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

样式

上级 2ad02b86
.app-select-tree-list{ .app-select-tree-list {
font-size: 14px; margin-top: 20px;
.app-select-tree-list-item { font-size: 14px;
display: flex; .app-select-tree-list-item {
justify-content: space-between; display: flex;
padding: 10px 20px; justify-content: space-between;
border-bottom: solid #efefef .2px; padding: 10px 20px;
align-items: center; border-bottom: solid #efefef 0.2px;
.header { align-items: center;
display: flex; .app-select-tree-list-item-header {
justify-content: center; display: flex;
align-items: center; 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;
}
} }
} .delete {
\ No newline at end of file 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> <template>
<div class="app-select-tree-list"> <div class="app-select-tree-list">
<div v-for="item in items" :key="item.srfkey" class="app-select-tree-list-item" > <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="index_text">{{getindexText(item.srfmajortext)}}</div>
<div class="text">{{item.srfmajortext}}</div> <div class="text">{{item.srfmajortext}}</div>
</div> </div>
......
...@@ -260,6 +260,20 @@ ...@@ -260,6 +260,20 @@
--color: @theme-color; --color: @theme-color;
--color-activated: @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 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册