提交
This commit is contained in:
50
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.axml
generated
vendored
Normal file
50
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.axml
generated
vendored
Normal file
@ -0,0 +1,50 @@
|
||||
<import-sjs
|
||||
from="./index.sjs"
|
||||
name="utils"
|
||||
></import-sjs>
|
||||
<view
|
||||
class="ant-steps ant-steps-{{direction}} {{className || ''}}"
|
||||
style="{{style}}"
|
||||
>
|
||||
<block
|
||||
a:for="{{items}}"
|
||||
a:for-index="index"
|
||||
a:for-item="item"
|
||||
>
|
||||
<view class="ant-steps-item ant-steps-item-{{direction}} {{index < current ? 'ant-steps-item-finish' : ''}} {{index === current ? 'ant-steps-item-active' : ''}} {{index > current ? 'ant-steps-item-non-active' : ''}}">
|
||||
<view class="ant-steps-item-indicator ant-steps-item-indicator-{{direction}}">
|
||||
<view class="ant-steps-item-indicator-icon ant-steps-item-{{utils.getClassName(current, index, status)}}-icon">
|
||||
<slot
|
||||
name="icon"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
current="{{current}}"
|
||||
status="{{status}}"
|
||||
>
|
||||
<view class="ant-steps-item-{{utils.getClassName(current, index, status)}}-icon-default"></view>
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
<view class="ant-steps-item-text">
|
||||
<view class="ant-steps-item-title ant-steps-item-title-{{utils.getClassName(current, index, status)}}">
|
||||
<slot
|
||||
name="title"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
{{item.title}}
|
||||
</slot>
|
||||
</view>
|
||||
<view class="ant-steps-item-desc">
|
||||
<slot
|
||||
name="description"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
{{item.description}}
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
1
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.d.ts
generated
vendored
Normal file
1
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.d.ts
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
export {};
|
3
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.js
generated
vendored
Normal file
3
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.js
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
import { Component } from '../_util/simply';
|
||||
import { StepsFunctionalProps } from './props';
|
||||
Component(StepsFunctionalProps);
|
3
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.json
generated
vendored
Normal file
3
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.json
generated
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
268
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.less
generated
vendored
Normal file
268
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.less
generated
vendored
Normal file
@ -0,0 +1,268 @@
|
||||
@import (reference) './variable.less';
|
||||
|
||||
@stepsPrefix: ant-steps;
|
||||
|
||||
.@{stepsPrefix} {
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
|
||||
&-horizontal {
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
&-vertical {
|
||||
display: block;
|
||||
padding: 64 * @rpx;
|
||||
}
|
||||
|
||||
&-item:last-child &-item-indicator-vertical::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-steps-item-vertical:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
@stepItemPrefix: ant-steps-item;
|
||||
|
||||
.@{stepItemPrefix} {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
margin: 16 * @rpx 0 16 * @rpx 0;
|
||||
|
||||
&-vertical {
|
||||
padding-bottom: 48 * @rpx;
|
||||
margin: 0;
|
||||
|
||||
.ant-steps-item-title {
|
||||
margin-bottom: 8 * @rpx;
|
||||
font-size: 26 * @rpx;
|
||||
color: @COLOR_TEXT_PRIMARY;
|
||||
}
|
||||
|
||||
.ant-steps-item-desc {
|
||||
font-size: 24 * @rpx;
|
||||
color: @COLOR_TEXT_ASSIST;
|
||||
}
|
||||
|
||||
&::after {
|
||||
// line
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 2 * @rpx;
|
||||
content: '';
|
||||
top: 27 * @rpx;
|
||||
z-index: -1;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.ant-steps-item-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&-horizontal {
|
||||
flex-direction: column;
|
||||
margin-top: 16 * @rpx;
|
||||
padding: 0 16 * @rpx;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 2 * @rpx;
|
||||
content: '';
|
||||
top: 34 * @rpx;
|
||||
left: 0;
|
||||
transform: translate(50%, -50%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.@{stepItemPrefix}-title,
|
||||
.@{stepItemPrefix}-desc {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.@{stepItemPrefix}-desc {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&-indicator {
|
||||
&-vertical {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&-horizontal {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 16 * @rpx 0 16 * @rpx 0;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
width: 18 * @rpx;
|
||||
height: 18 * @rpx;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-steps-item-active-icon-image {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
&-horizontal {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
|
||||
.ant-steps-item-title {
|
||||
margin-bottom: 4 * @rpx;
|
||||
font-size: 26 * @rpx;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-steps-item-desc {
|
||||
margin: 4 * @rpx 0 4 * @rpx 0;
|
||||
color: @COLOR_TEXT_ASSIST;
|
||||
font-size: 24 * @rpx;
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-active {
|
||||
&::after {
|
||||
background-color: @COLOR_GREY_2;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: transparent;
|
||||
|
||||
&,
|
||||
& .a-image {
|
||||
height: 36 * @rpx;
|
||||
width: 36 * @rpx;
|
||||
}
|
||||
|
||||
color: @COLOR_BRAND1;
|
||||
|
||||
&-default {
|
||||
height: 20 * @rpx;
|
||||
width: 20 * @rpx;
|
||||
border-radius: 50%;
|
||||
background-color: @COLOR_BRAND1;
|
||||
}
|
||||
}
|
||||
|
||||
& .@{stepItemPrefix}-title {
|
||||
color: @COLOR_BRAND1;
|
||||
}
|
||||
}
|
||||
|
||||
&-non-active {
|
||||
&::after {
|
||||
background-color: @COLOR_GREY_2;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: transparent;
|
||||
|
||||
&,
|
||||
& .a-image {
|
||||
height: 36 * @rpx;
|
||||
width: 36 * @rpx;
|
||||
}
|
||||
|
||||
color: @COLOR_GREY_2;
|
||||
|
||||
&-default {
|
||||
height: 16 * @rpx;
|
||||
width: 16 * @rpx;
|
||||
border-radius: 50%;
|
||||
background-color: @COLOR_GREY_2;
|
||||
}
|
||||
}
|
||||
|
||||
& .@{stepItemPrefix}-title {
|
||||
color: @COLOR_TEXT_ASSIST;
|
||||
}
|
||||
}
|
||||
|
||||
&-finish {
|
||||
&::after {
|
||||
background-color: @COLOR_BRAND1;
|
||||
}
|
||||
|
||||
&-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: transparent;
|
||||
|
||||
&,
|
||||
& .a-image {
|
||||
height: 36 * @rpx;
|
||||
width: 36 * @rpx;
|
||||
}
|
||||
|
||||
color: @COLOR_BRAND1;
|
||||
|
||||
&-default {
|
||||
height: 16 * @rpx;
|
||||
width: 16 * @rpx;
|
||||
border-radius: 50%;
|
||||
background-color: @COLOR_BRAND1;
|
||||
}
|
||||
}
|
||||
|
||||
& .@{stepItemPrefix}-title {
|
||||
color: @COLOR_TEXT_PRIMARY;
|
||||
}
|
||||
}
|
||||
|
||||
&-error-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: transparent;
|
||||
|
||||
&,
|
||||
& .a-image {
|
||||
height: 36 * @rpx;
|
||||
width: 36 * @rpx;
|
||||
}
|
||||
|
||||
color: @COLOR_RED;
|
||||
|
||||
&-default {
|
||||
height: 20 * @rpx;
|
||||
width: 20 * @rpx;
|
||||
border-radius: 50%;
|
||||
background-color: @COLOR_RED;
|
||||
}
|
||||
}
|
||||
|
||||
.ant-steps-item-title-error {
|
||||
color: @COLOR_RED;
|
||||
}
|
||||
}
|
16
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.sjs
generated
vendored
Normal file
16
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/index.sjs
generated
vendored
Normal file
@ -0,0 +1,16 @@
|
||||
function getClassName(current, index, status) {
|
||||
current = current || 0;
|
||||
if (index < current) {
|
||||
return 'finish';
|
||||
}
|
||||
if (index === current) {
|
||||
if (status === 'error') {
|
||||
return 'error';
|
||||
}
|
||||
return 'active';
|
||||
}
|
||||
return 'non-active';
|
||||
}
|
||||
export default {
|
||||
getClassName: getClassName
|
||||
};
|
24
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/props.d.ts
generated
vendored
Normal file
24
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/props.d.ts
generated
vendored
Normal file
@ -0,0 +1,24 @@
|
||||
import { IBaseProps } from '../_util/base';
|
||||
/**
|
||||
* @description 步骤条,分步展示当前进展
|
||||
*/
|
||||
export interface IStepsProps extends IBaseProps {
|
||||
/**
|
||||
* @description 当前步骤
|
||||
*/
|
||||
current: number;
|
||||
/**
|
||||
* @description 方向
|
||||
*/
|
||||
direction: 'horizontal' | 'vertical';
|
||||
/**
|
||||
* @description 状态
|
||||
*/
|
||||
status: 'finish' | 'error';
|
||||
items?: {
|
||||
title: string;
|
||||
description: string;
|
||||
}[];
|
||||
}
|
||||
export declare const StepsDefaultProps: Partial<IStepsProps>;
|
||||
export declare const StepsFunctionalProps: Partial<IStepsProps>;
|
11
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/props.js
generated
vendored
Normal file
11
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/props.js
generated
vendored
Normal file
@ -0,0 +1,11 @@
|
||||
export var StepsDefaultProps = {
|
||||
current: 0,
|
||||
direction: 'horizontal',
|
||||
status: 'finish',
|
||||
};
|
||||
export var StepsFunctionalProps = {
|
||||
current: 0,
|
||||
direction: 'horizontal',
|
||||
status: 'finish',
|
||||
items: [],
|
||||
};
|
1
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/variable.less
generated
vendored
Normal file
1
甲情_甲意/miniprogram/node_modules/antd-mini/less/Steps/variable.less
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
@import (reference) '../style/themes/index.less';
|
Reference in New Issue
Block a user