fix(测试跟踪): 功能用例页面左侧模块树进入公共用例箭头Hover修改

This commit is contained in:
song-cc-rock 2023-02-22 00:27:33 +08:00 committed by CaptainB
parent 1914dd2efd
commit 3e784a7423

View File

@ -2,8 +2,9 @@
<div class="recycle" v-if="this.isXpack" @click="exe">
<div style="padding: 9px 13px 9px 13px;" class="to-public">
<svg-icon icon-class="icon_folder-share" style="width: 1.3em;height: 1.3em;position: relative;top: 2px;left: 1px;margin-right: 9px;"/>
<span style="margin-right: 12px;">{{ $t('project.case_public') }}</span>
<span style="margin-right: 12px;" class="to-public-content">{{ $t('project.case_public') }}</span>
<span style="color: #8F959E">{{ '(' + publicTotal + ')' }}</span>
<svg-icon icon-class="icon_arrow-right_outlined_1" class-name="enter-public" style="float: right;display: none;position: relative;top: 4px;left: 128px;width: 1.1em;height: 1.1em;"/>
</div>
</div>
</template>
@ -69,14 +70,26 @@ export default {
flex-grow: 0;
}
.to-public-content {
margin-left: 5px;
}
.to-public {
width: auto;
border-radius: 4px;
display: flex;
overflow-x: hidden;
display: flex;
}
.to-public:hover {
background: rgba(31, 35, 41, 0.1);
}
.to-public:hover .enter-public{
display: block!important;
}
.to-public:hover .to-public-content{
margin-left: -10.5px;
}
</style>