@@ -199,18 +199,22 @@
.childItem {
padding: 10px 20px 10px 40px;
- font-size: 14px;
color: #333333;
- line-height: 20px;
- // margin-top: 8Px;
margin-bottom: 6px;
- cursor: pointer;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ border-radius: 6px;
+ span {
+ display: block;
+ font-size: 14px;
+ line-height: 20px;
+ // margin-top: 8Px;
+
+ cursor: pointer;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
&.active {
- border-radius: 6px;
color: #097bec;
background: #e8f4ff;
}
@@ -311,7 +311,7 @@ export default defineComponent({
: ''
]}
onClick={() => onClickItem(child)}>
- {child.name}
+ <span>{child.name}</span>
</div>
))}