仓库地址修改
This commit is contained in:
mindskip
@@ -1,52 +0,0 @@
|
||||
Component({
|
||||
externalClasses: ['i-class'],
|
||||
properties : {
|
||||
status : {
|
||||
type : String,
|
||||
//wait、process、finish、error
|
||||
value : ''
|
||||
},
|
||||
title : {
|
||||
type : String,
|
||||
value : ''
|
||||
},
|
||||
content : {
|
||||
type : String,
|
||||
value : ''
|
||||
},
|
||||
icon : {
|
||||
type : String,
|
||||
value : ''
|
||||
}
|
||||
},
|
||||
options: {
|
||||
// 在组件定义时的选项中启用多slot支持
|
||||
multipleSlots: true
|
||||
},
|
||||
relations : {
|
||||
'../steps/index' : {
|
||||
type : 'parent'
|
||||
}
|
||||
},
|
||||
data : {
|
||||
//step length
|
||||
len : 1,
|
||||
//current in step index
|
||||
index : 0,
|
||||
//parent component select current index
|
||||
current : 0,
|
||||
//css direction
|
||||
direction : 'horizontal'
|
||||
},
|
||||
methods : {
|
||||
updateDataChange( options ){
|
||||
this.setData({
|
||||
len : options.len,
|
||||
index : options.index,
|
||||
current : options.current,
|
||||
direction : options.direction
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents":
|
||||
{
|
||||
"i-icon": "../icon/index"
|
||||
}
|
||||
}
|
||||
@@ -1,70 +0,0 @@
|
||||
<view class="i-class i-step-item {{parse.getClass(status,current,index)}} {{ direction === 'vertical' ? 'i-step-vertical' : 'i-step-horizontal' }}" style="{{parse.getItemStyle(len,direction)}}">
|
||||
<view class="i-step-item-ico">
|
||||
<view class="i-step-ico" wx:if="{{parse.noIco(status,current,index,icon) }}">{{ index+1 }}</view>
|
||||
<view class="i-step-ico" wx:else>
|
||||
<i-icon i-class="i-step-ico-in" type="{{parse.getIcoClass(status,icon)}}"></i-icon>
|
||||
</view>
|
||||
<view class="i-step-line" wx:if="{{ index !== len - 1 }}"></view>
|
||||
</view>
|
||||
<view class="i-step-item-main">
|
||||
<view class="i-step-item-title" wx:if="{{title !== ''}}">
|
||||
{{title}}
|
||||
</view>
|
||||
<view class="i-step-item-title" wx:else>
|
||||
<slot name="title"></slot>
|
||||
</view>
|
||||
<view class="i-step-item-content" wx:if="{{content !== ''}}">
|
||||
{{content}}
|
||||
</view>
|
||||
<view class="i-step-item-content" wx:else>
|
||||
<slot name="content"></slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<wxs module="parse">
|
||||
var allStatus = ['wait','process','finish','error'];
|
||||
module.exports = {
|
||||
noIco : function( status,current,index,icon ){
|
||||
var aindex = allStatus.indexOf(status);
|
||||
var noIcon = true;
|
||||
if( index < current || icon !== '' ){
|
||||
noIcon = false;
|
||||
}
|
||||
return noIcon;
|
||||
},
|
||||
getIcoClass : function( status,ico ){
|
||||
var class = '';
|
||||
if( status === 'error' ){
|
||||
class = 'close';
|
||||
}else{
|
||||
class = 'right';
|
||||
}
|
||||
if( ico !== '' ){
|
||||
class = ico;
|
||||
}
|
||||
return class;
|
||||
},
|
||||
getItemStyle : function(len,direction){
|
||||
if( direction === 'horizontal' ){
|
||||
return 'width :'+100/len + '%';
|
||||
}else{
|
||||
return 'width : 100%;';
|
||||
}
|
||||
},
|
||||
getClass : function( status,current,index ) {
|
||||
//wait、process、finish、error
|
||||
var startClass = 'i-step-'
|
||||
var classes = '';
|
||||
var cindex = allStatus.indexOf( status );
|
||||
if( cindex !== -1 ){
|
||||
classes = startClass + allStatus[cindex];
|
||||
}
|
||||
if( index < current ){
|
||||
classes = startClass + 'finish';
|
||||
}else if( index === current ){
|
||||
classes = startClass + 'process';
|
||||
}
|
||||
return classes;
|
||||
}
|
||||
}
|
||||
</wxs>
|
||||
@@ -1 +0,0 @@
|
||||
.i-step-ico{width:24px;height:100%;border-radius:100%;background:#fff;position:relative;z-index:2;margin:0 auto;border:#dddee1 solid 1px}.i-step-ico-in{vertical-align:baseline}.i-step-line{position:absolute;left:50%;top:12px;width:100%;height:1px;background:#dddee1}.i-step-horizontal .i-step-ico::after{position:absolute;top:11px;left:23px;z-index:1;content:'';height:1px;background:#fff;width:10px}.i-step-horizontal .i-step-item-main{text-align:center}.i-step-horizontal .i-step-ico::before{position:absolute;top:11px;left:-11px;z-index:1;content:'';height:1px;background:#fff;width:10px}.i-step-ico{box-sizing:border-box;font-size:12px}.i-step-process .i-step-ico{border:#2d8cf0 solid 1px;color:#fff;background:#2d8cf0}.i-step-wait .i-step-ico{border:#e9eaec solid 1px;color:#e9eaec}.i-step-wait .i-step-line{background:#2d8cf0}.i-step-finish .i-step-ico{border:#2d8cf0 solid 1px;color:#2d8cf0}.i-step-finish .i-step-line{background:#2d8cf0}.i-step-error .i-step-ico{border:#ed3f14 solid 1px;color:#ed3f14}.i-step-error .i-step-line{background:#ed3f14}.i-step-item{font-size:12px;position:relative;display:inline-block;box-sizing:border-box;padding-left:10px;vertical-align:top}.i-step-item-ico{width:100%;height:24px;line-height:24px;text-align:center}.i-step-item-main{margin-top:10px;clear:both}.i-step-item-title{font-size:14px;font-weight:700;color:#1c2438}.i-step-item-content{font-size:12px;font-weight:700;margin-top:2px;color:#80848f}.i-step-vertical{padding-bottom:30px}.i-step-vertical .i-step-item-ico{width:24px;float:left}.i-step-vertical .i-step-item-main{margin-left:40px;margin-top:0;clear:inherit}.i-step-vertical .i-step-line{position:absolute;height:100%;top:0;left:10px;margin:0 0 0 12px;width:1px}
|
||||
Reference in New Issue
Block a user