uview-plus组件库全面升级更新,订单结算判断支付方式是否可用代码调整,公众号关注二维码修改
This commit is contained in:
@@ -12,10 +12,10 @@
|
||||
|
||||
</view>
|
||||
<view class="u-steps-item__wrapper__icon" v-else-if="parentData.activeIcon || parentData.inactiveIcon">
|
||||
<u-icon :name="index <= parentData.current ? parentData.activeIcon : parentData.inactiveIcon"
|
||||
<up-icon :name="index <= parentData.current ? parentData.activeIcon : parentData.inactiveIcon"
|
||||
:size="iconSize"
|
||||
:color="index <= parentData.current ? parentData.activeColor : parentData.inactiveColor">
|
||||
</u-icon>
|
||||
</up-icon>
|
||||
</view>
|
||||
<view v-else :style="{
|
||||
backgroundColor: statusClass === 'process' ? parentData.activeColor : 'transparent',
|
||||
@@ -25,18 +25,30 @@
|
||||
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>
|
||||
<up-icon v-else :color="statusClass === 'error' ? 'error' : parentData.activeColor" size="12"
|
||||
:name="statusClass === 'error' ? 'close' : 'checkmark'"></up-icon>
|
||||
</view>
|
||||
</slot>
|
||||
</view>
|
||||
<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`]"
|
||||
<view class="u-steps-item__content" :class="[`u-steps-item__content--${parentData.direction}`,
|
||||
parentData.current == index ? 'u-steps-item__content--current' : '']"
|
||||
:style="[contentStyle]">
|
||||
<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 name="content" :index="index">
|
||||
</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>
|
||||
</template>
|
||||
</view>
|
||||
<!-- <view
|
||||
class="u-steps-item__line"
|
||||
@@ -217,7 +229,6 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "../../libs/css/components.scss";
|
||||
|
||||
.u-steps-item {
|
||||
flex: 1;
|
||||
@@ -303,6 +314,12 @@
|
||||
@include flex;
|
||||
flex: 1;
|
||||
|
||||
&__title {
|
||||
// #ifdef H5
|
||||
cursor: pointer;
|
||||
// #endif
|
||||
}
|
||||
|
||||
&--row {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user