opentiny
/
tiny-vue
2
0
Fork 29
Code Issues Pull Requests 7 Packages Projects Releases Wiki Activity

[steps] solved the problem that click item and then open new window (#1040) 

* fix(steps):  [steps]  solved the problem that click item and open new brower window

* fix(label): [label] Correcting component name
This commit is contained in:
黄怡林 2023-12-15 10:16:09 +08:00 committed by GitHub
parent f74d5c30af
commit e11d89a334
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/sites/demos/pc/app/steps/slot-item.vue
View File

@ -2,12 +2,12 @@
<div class="demo-steps-slot-item">
<tiny-steps :data="stepsData">
<template #item="data">
<a class="label"
><span>{{ data.slotScope.name }}</span></a
>
<div class="label">
<span>{{ data.slotScope.name }}</span>
</div>
<span>
<div :class="['dot', data.slotScope.status]">
<component :is="data.slotScope.status == 'done' ? IconYes : IconClose" class="tiny-svg-size" />
<component :is="data.slotScope.status === 'done' ? IconYes : IconClose" class="tiny-svg-size" />
</div>
</span>
</template>

8
packages/theme/src/steps/index.less
View File

@ -881,7 +881,7 @@
position: relative;
&.current {
a {
.label {
background: var(--ti-steps-advanced-active-bg-color);
color: var(--ti-steps-advanced-li-text-color);
font-weight: bold;
@ -892,7 +892,7 @@
}
}
a {
.label {
border: solid 1px var(--ti-steps-advanced-border-color);
border-right: none;
display: block;
@ -936,7 +936,7 @@
}
&:first-child {
a {
.label {
border-top-left-radius: var(--ti-steps-advanced-border-radius);
border-bottom-left-radius: var(--ti-steps-advanced-border-radius);
@ -947,7 +947,7 @@
}
&:last-child {
a {
.label {
border-right: solid 1px var(--ti-steps-advanced-border-color);
border-top-right-radius: var(--ti-steps-advanced-border-radius);
border-bottom-right-radius: var(--ti-steps-advanced-border-radius);

6
packages/vue/src/steps/src/pc/pc-standard.vue
View File

@ -12,9 +12,9 @@
@click="$emit('click', index, node)"
>
<slot name="item" :slot-scope="node" :index="index">
<a class="label" :title="node[nameField]"
><span>{{ node[nameField] }}</span></a
>
<div class="label" :title="node[nameField]">
<span>{{ node[nameField] }}</span>
</div>
<div v-if="node[countField]" class="count">
{{ node[countField] }}
</div>