|
@@ -97,13 +97,13 @@
|
|
|
effect="dark"
|
|
|
:disabled="(item?.query?.name ?? '') === ''"
|
|
|
:content="`${item.meta.title}
|
|
|
- ${item.meta.title === '' ? item?.query?.title ?? '' : ''}
|
|
|
+ ${item.meta.title === '' ? (item?.query?.title ?? '') : ''}
|
|
|
${(item?.query?.name ?? '') !== '' ? `( ${item?.query?.name} )` : ''}`"
|
|
|
placement="top-start"
|
|
|
>
|
|
|
<p>
|
|
|
{{ item.meta.title }}
|
|
|
- {{ item.meta.title === '' ? item?.query?.title ?? '' : '' }}
|
|
|
+ {{ item.meta.title === '' ? (item?.query?.title ?? '') : '' }}
|
|
|
<!-- 用于多开页面的区分展示(例如详情页)-->
|
|
|
<!-- {{ (item?.query?.name ?? '') !== '' ? `(${item?.query?.name})` : '' }}-->
|
|
|
</p>
|
|
@@ -332,14 +332,14 @@ onMounted(() => {
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
._tagList {
|
|
|
- display: flex;
|
|
|
width: 100%;
|
|
|
- height: 54px;
|
|
|
padding: 0 30px;
|
|
|
- color: #000;
|
|
|
- background: rgb(255 255 255 / 60%);
|
|
|
+ height: 54px;
|
|
|
+ background: rgba(255, 255, 255, 0.6);
|
|
|
border-radius: 20px;
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
+ color: #000000;
|
|
|
|
|
|
.tag-view {
|
|
|
display: flex;
|
|
@@ -353,18 +353,18 @@ onMounted(() => {
|
|
|
}
|
|
|
|
|
|
.tags-draggable-list {
|
|
|
- display: flex;
|
|
|
+ overflow-x: auto;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
+ display: flex;
|
|
|
padding-top: 6px;
|
|
|
- overflow-x: auto;
|
|
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
|
- background-color: rgb(0 0 0 / 20%);
|
|
|
+ background-color: rgba(0, 0, 0, 0.2);
|
|
|
}
|
|
|
|
|
|
.tag-body {
|
|
@@ -402,12 +402,11 @@ onMounted(() => {
|
|
|
|
|
|
.homeBox,
|
|
|
.fhomeBox {
|
|
|
- display: flex;
|
|
|
height: 48px;
|
|
|
opacity: 1;
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
-
|
|
|
.el-icon {
|
|
|
margin-right: 5px;
|
|
|
}
|
|
@@ -418,12 +417,12 @@ onMounted(() => {
|
|
|
|
|
|
.close {
|
|
|
display: flex;
|
|
|
- margin-left: 5px;
|
|
|
- font-size: 24px;
|
|
|
- font-weight: 200;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
flex-shrink: 0;
|
|
|
+ margin-left: 5px;
|
|
|
+ font-weight: 200;
|
|
|
+ font-size: 24px;
|
|
|
|
|
|
&:hover {
|
|
|
color: #2e77e6;
|
|
@@ -436,8 +435,8 @@ onMounted(() => {
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.pBox {
|
|
|
- display: flex;
|
|
|
width: calc(100% - 17px);
|
|
|
+ display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|