charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat:还原更新框架

Browse Source
This commit is contained in:
charles
2026-07-23 14:49:48 +08:00
parent d5a6a16ea5
commit 75c7434f79
529 changed files with 43714 additions and 68201 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uni_modules/uview-plus/components/u-steps-item/u-steps-item.vue
+31 -47
View File
@@ -12,42 +12,34 @@
</view>
<view class="u-steps-item__wrapper__icon" v-else-if="parentData.activeIcon || parentData.inactiveIcon">
<up-icon :name="index <= parentData.current ? parentData.activeIcon : parentData.inactiveIcon"
<u-icon :name="index <= parentData.current ? parentData.activeIcon : parentData.inactiveIcon"
:size="iconSize"
:color="index <= parentData.current ? parentData.activeColor : parentData.inactiveColor">
</up-icon>
</u-icon>
</view>
<view v-else :style="{
backgroundColor: statusClass === 'process' ? parentData.activeColor : 'transparent',
borderColor: statusColor
}" class="u-steps-item__wrapper__circle">
<text v-if="statusClass === 'process' || statusClass === 'wait'"
class="u-steps-item__wrapper__circle__text" :style="{
color: index == parentData.current ? activeStepTextColor : parentData.inactiveColor
}">{{ index + 1}}</text>
<up-icon v-else :color="statusClass === 'error' ? 'error' : parentData.activeColor" size="12"
:name="statusClass === 'error' ? 'close' : 'checkmark'"></up-icon>
<text v-if="statusClass === 'process' || statusClass === 'wait'"
class="u-steps-item__wrapper__circle__text" :style="{
color: index == parentData.current ? '#ffffff' : parentData.inactiveColor
}">{{ index + 1}}</text>
<u-icon v-else :color="statusClass === 'error' ? 'error' : parentData.activeColor" size="12"
:name="statusClass === 'error' ? 'close' : 'checkmark'"></u-icon>
</view>
</slot>
</view>
<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`,
parentData.current == index ? 'u-steps-item__content--current' : '']"
:style="[contentStyle]">
<slot name="content" :index="index">
</slot>
<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`]"
:style="[contentStyle]">
<slot name="content">
</slot>
<template v-if="!$slots['content']">
<view class="u-steps-item__content__title">
<slot name="title">
</slot>
<up-text v-if="!$slots['title']" :text="title" lineHeight="20px"
:type="parentData.current == index ? 'main' : 'content'"
:size="parentData.current == index ? 14 : 13"></up-text>
</view>
<view class="u-steps-item__content__desc">
<slot name="desc">
</slot>
<up-text v-if="!$slots['desc']" :text="desc" type="tips" size="12"></up-text>
</view>
<up-text :text="title" :type="parentData.current == index ? 'main' : 'content'" lineHeight="20px"
:size="parentData.current == index ? 14 : 13"></up-text>
<slot name="desc">
<up-text :text="desc" type="tips" size="12"></up-text>
</slot>
</template>
</view>
<!-- <view
@@ -170,8 +162,8 @@
}
return colorTmp
},
contentStyle() {
const style = {}
contentStyle() {
const style = {}
if (this.parentData.direction === 'column') {
style.marginLeft = this.parentData.dot ? '2px' : '6px'
style.marginTop = this.parentData.dot ? '0px' : '6px'
@@ -179,13 +171,10 @@
style.marginTop = this.parentData.dot ? '2px' : '6px'
style.marginLeft = this.parentData.dot ? '2px' : '6px'
}
return style
},
activeStepTextColor() {
return this.upThemeVar('--up-white', '#ffffff')
}
},
return style
}
},
mounted() {
this.parent && this.parent.updateFromChild()
sleep().then(() => {
@@ -232,6 +221,7 @@
</script>
<style lang="scss" scoped>
@import "../../libs/css/components.scss";
.u-steps-item {
flex: 1;
@@ -250,13 +240,13 @@
padding-bottom: 5px;
}
&__wrapper {
@include flex;
justify-content: center;
align-items: center;
position: relative;
background-color: var(--up-card-bg-color, #fff);
border-radius: 50px;
&__wrapper {
@include flex;
justify-content: center;
align-items: center;
position: relative;
background-color: #fff;
border-radius: 50px;
&--column {
width: 20px;
@@ -317,12 +307,6 @@
@include flex;
flex: 1;
&__title {
// #ifdef H5
cursor: pointer;
// #endif
}
&--row {
flex-direction: column;
align-items: center;