blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

Merge branch 'master' of gitlab.qima-inc.com:weapp/zui

Browse Source
This commit is contained in:
Nino 2017-01-03 10:15:08 +08:00
commit 300983843b
2 changed files with 26 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
dist/vsteps/index.wxss vendored
View File

@ -10,7 +10,7 @@
left: 42px; left: 42px;
} }
.zui-vsteps--active { .zui-vsteps__step--done {
color: #44BB00; color: #44BB00;
} }
@ -23,7 +23,7 @@
background-color: #e5e5e5; background-color: #e5e5e5;
} }
.zui-vsteps__content { .zui-vsteps__title {
padding-left: 27px; padding-left: 27px;
} }
@ -33,23 +33,25 @@
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 2; z-index: 2;
font-size: 0;
line-height: 0;
padding: 3px 0; padding: 3px 0;
background-color: #fff; background-color: #fff;
} }
.zui-vsteps__icon { .zui-vsteps__circle {
}
.zui-vsteps__icon--normal {
width: 5px; width: 5px;
height: 5px; height: 5px;
background-color: #cacaca; background-color: #cacaca;
border-radius: 10px; border-radius: 10px;
} }
.zui-vsteps__step--done .zui-vsteps__circle {
width: 13px;
height: 13px;
color: #09bb07;
background-color: transparent;
border-radius:0;
}
.zui-vsteps__icon--active { .zui-vsteps__icon--active {
width: 13px; width: 13px;
height: 13px; height: 13px;

48
example/vsteps/index.wxml
View File

@ -1,43 +1,25 @@
<view class="container"> <view class="container">
<view class="zui-panel"> <view class="zui-panel">
<view <view class="zui-vsteps zui-vsteps__step--done zui-vsteps--first-child">
class="zui-vsteps zui-vsteps--active zui-vsteps--first-child" <view class="zui-vsteps__title">卖家退款(2016-03-23 20:20:20)</view>
> <view class="zui-vsteps__icons">
<view class="zui-vsteps__line"></view> <view class="zui-vsteps__circle zui-icon zui-icon-checked"></view>
<view class="">
<view class="zui-vsteps__content zui-vsteps__title">
<view class="zui-vsteps__icons">
<icon type="success" size="13" class="zui-vsteps__icon zui-vsteps__icon--active" />
</view>
<text>卖家退款(2016-03-23 20:20:20)</text>
</view>
</view> </view>
<view class="zui-vsteps__line"></view>
</view> </view>
<view <view class="zui-vsteps zui-vsteps__step--done zui-vsteps__step--cur">
class="zui-vsteps zui-vsteps--active" <view class="zui-vsteps__title">卖家退款(2016-03-23 20:20:20)</view>
> <view class="zui-vsteps__icons">
<view class="zui-vsteps__line"></view> <view class="zui-vsteps__circle zui-icon zui-icon-checked"></view>
<view class="">
<view class="zui-vsteps__content zui-vsteps__title">
<view class="zui-vsteps__icons">
<icon type="success" size="13" class="zui-vsteps__icon zui-vsteps__icon--active" />
</view>
<text>卖家退款(2016-03-23 20:20:20)</text>
</view>
</view> </view>
<view class="zui-vsteps__line"></view>
</view> </view>
<view <view class="zui-vsteps zui-vsteps--last-child">
class="zui-vsteps zui-vsteps--last-child" <view class="zui-vsteps__title">卖家退款(2016-03-23 20:20:20)</view>
> <view class="zui-vsteps__icons">
<view class="zui-vsteps__line"></view> <view class="zui-vsteps__circle"></view>
<view class="">
<view class="zui-vsteps__content zui-vsteps__title">
<view class="zui-vsteps__icons">
<view class="zui-vsteps__icon zui-vsteps__icon--normal"></view>
</view>
<text>卖家退款(2016-03-23 20:20:20)</text>
</view>
</view> </view>
<view class="zui-vsteps__line"></view>
</view> </view>
</view> </view>
</view> </view>