|
@@ -29,12 +29,7 @@
|
|
|
@dragend="dragEnd()"
|
|
@dragend="dragEnd()"
|
|
|
>
|
|
>
|
|
|
<t-image v-if="iItem.image" :src="iItem.image" fit="cover" />
|
|
<t-image v-if="iItem.image" :src="iItem.image" fit="cover" />
|
|
|
- <div
|
|
|
|
|
- class="svg-box"
|
|
|
|
|
- v-else-if="iItem.svg"
|
|
|
|
|
- v-html="iItem.svg"
|
|
|
|
|
- ></div>
|
|
|
|
|
- <!-- <i v-else class="t-icon" :class="iItem.icon"></i> -->
|
|
|
|
|
|
|
+ <div class="svg-box" v-else-if="iItem.svg" v-html="iItem.svg" />
|
|
|
<svg v-else class="l-icon" aria-hidden="true">
|
|
<svg v-else class="l-icon" aria-hidden="true">
|
|
|
<use :xlink:href="'#' + iItem.icon"></use>
|
|
<use :xlink:href="'#' + iItem.icon"></use>
|
|
|
</svg>
|
|
</svg>
|
|
@@ -373,35 +368,36 @@ onUnmounted(() => {
|
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
|
max-height: calc(100vh - 100px);
|
|
max-height: calc(100vh - 100px);
|
|
|
background-color: var(--color-background-active);
|
|
background-color: var(--color-background-active);
|
|
|
- padding-top: 16px;
|
|
|
|
|
|
|
+ padding-top: 8px;
|
|
|
|
|
|
|
|
* {
|
|
* {
|
|
|
background-color: var(--color-background-active);
|
|
background-color: var(--color-background-active);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.t-collapse) {
|
|
:deep(.t-collapse) {
|
|
|
- border: 0px;
|
|
|
|
|
|
|
+ border: none;
|
|
|
}
|
|
}
|
|
|
:deep(.t-collapse-panel__header) {
|
|
:deep(.t-collapse-panel__header) {
|
|
|
- border: 0px;
|
|
|
|
|
|
|
+ border: none;
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ padding: 8px 16px;
|
|
|
|
|
+ &:hover {
|
|
|
|
|
+ color: var(--color-primary);
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.t-collapse-panel__body) {
|
|
:deep(.t-collapse-panel__body) {
|
|
|
- border: 0px;
|
|
|
|
|
|
|
+ border: none;
|
|
|
}
|
|
}
|
|
|
:deep(.t-collapse-panel__content) {
|
|
:deep(.t-collapse-panel__content) {
|
|
|
background-color: var(--color-background-active);
|
|
background-color: var(--color-background-active);
|
|
|
- /* padding: 12px; */
|
|
|
|
|
- padding: 0px 4px;
|
|
|
|
|
|
|
+ padding: 4px 4px 20px 4px;
|
|
|
display: grid;
|
|
display: grid;
|
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
|
- grid-row-gap: 9px;
|
|
|
|
|
- /* grid-template-rows: 90px; */
|
|
|
|
|
- /* padding-bottom: 20px; */
|
|
|
|
|
|
|
+ grid-row-gap: 20px;
|
|
|
}
|
|
}
|
|
|
.show-item {
|
|
.show-item {
|
|
|
- /* padding: 10px; */
|
|
|
|
|
&:hover {
|
|
&:hover {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
color: var(--color-primary-hover);
|
|
color: var(--color-primary-hover);
|
|
@@ -410,11 +406,10 @@ onUnmounted(() => {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
p {
|
|
p {
|
|
|
- margin-bottom: 14px;
|
|
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
font-size: 12px;
|
|
font-size: 12px;
|
|
|
height: 14px;
|
|
height: 14px;
|
|
|
- line-height: 14px;
|
|
|
|
|
|
|
+ line-height: 1;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
display: -webkit-box;
|
|
@@ -423,7 +418,6 @@ onUnmounted(() => {
|
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
}
|
|
|
.t-image__wrapper {
|
|
.t-image__wrapper {
|
|
|
- /* margin: 10px 23px; */
|
|
|
|
|
height: 32px;
|
|
height: 32px;
|
|
|
width: 32px;
|
|
width: 32px;
|
|
|
background: #fff0;
|
|
background: #fff0;
|
|
@@ -431,19 +425,10 @@ onUnmounted(() => {
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
|
:deep(.t-image) {
|
|
:deep(.t-image) {
|
|
|
- /* background-color: #fff; */
|
|
|
|
|
border-radius: 2px;
|
|
border-radius: 2px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- /* i {
|
|
|
|
|
- background-color: #fff;
|
|
|
|
|
- border-radius: 4px;
|
|
|
|
|
- height: 40px;
|
|
|
|
|
- width: 40px;
|
|
|
|
|
- margin: 10px;
|
|
|
|
|
- } */
|
|
|
|
|
-
|
|
|
|
|
svg {
|
|
svg {
|
|
|
color: var(--color);
|
|
color: var(--color);
|
|
|
height: 32px;
|
|
height: 32px;
|
Alsmile