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 2016-12-26 16:36:23 +08:00
commit 807a745ef8
10 changed files with 176 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app.json
View File

@ -15,6 +15,7 @@
"example/steps/index",
"example/namecard/index",
"example/toast/index",
"example/vsteps/index",
"example/icon/index",
"example/dialog/index"
],

1
dist/index.wxss vendored
View File

@ -14,4 +14,5 @@
@import "steps/index.wxss";
@import "toast/index.wxss";
@import "toptips/index.wxss";
@import "vsteps/index.wxss";
@import "icon/index.wxss";

16
dist/namecard/index.wxss vendored
View File

@ -35,3 +35,19 @@
width: auto;
position: relative;
}
.zui-namecard__detail-row {
overflow: hidden;
line-height: 20px;
min-height: 20px;
margin-bottom: 3px;
}
.zui-namecard__right-col {
float: right;
}
.zui-namecard__left-col {
margin-right: 80px;
}

2
dist/toast/index.wxss vendored
View File

@ -13,5 +13,5 @@
padding: 10px;
text-align: center;
border-radius: 4px;
z-index: 10;
z-index: 100;
}

4
dist/toptips/index.wxss vendored
View File

@ -3,13 +3,15 @@
position: fixed;
-webkit-transform: translateZ(0) translateY(-100%);
width: 100%;
/* 至少有一行的高度，保证第一次动画显示正常 */
min-height: 32px;
top: 0;
line-height: 2.3;
font-size: 14px;
text-align: center;
color: #FFF;
background-color: #E64340;
z-index: 20;
z-index: 110;
/* 动画部分 */
transition: all 0.4s ease;

78
dist/vsteps/index.wxss vendored Normal file
View File

@ -0,0 +1,78 @@
.zui-vsteps {
position: relative;
padding: 15px;
color: #999;
font-size: 14px;
}
.zui-vsteps::after {
left: 42px;
}
.zui-vsteps--active {
color: #44BB00;
}
.zui-vsteps__line {
position: absolute;
top: 0;
bottom: 0;
left: 22px;
width: 1px;
background-color: #e5e5e5;
}
.zui-vsteps__content {
padding-left: 27px;
}
.zui-vsteps__icons {
position: absolute;
left: 22px;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
font-size: 0;
line-height: 0;
padding: 3px 0;
background-color: #fff;
}
.zui-vsteps__icon {
}
.zui-vsteps__icon--normal {
width: 5px;
height: 5px;
background-color: #cacaca;
border-radius: 10px;
}
.zui-vsteps__icon--active {
width: 13px;
height: 13px;
}
.zui-vsteps--first-child .zui-vsteps__title::before {
content: '';
position: absolute;
top: 0;
bottom: 50%;
left: 22px;
width: 1px;
background-color: #fff;
z-index: 1;
}
.zui-vsteps--last-child .zui-vsteps__title::before {
content: '';
position: absolute;
top: 50%;
bottom: 0%;
left: 22px;
width: 1px;
background-color: #fff;
z-index: 1;
}

3
example/dashboard/index.js
View File

@ -42,6 +42,9 @@ Page({
}, {
name: 'Steps',
path: '/example/steps/index'
}, {
name: 'Vsteps',
path: '/example/vsteps/index'
}, {
name: 'Tab',
path: '/example/tab/index'

18
example/namecard/index.wxml
View File

@ -9,7 +9,23 @@
></image>
</view>
<view class="zui-namecard__detail">
描述内容~
<view class="zui-namecard__detail-row">
<view class="zui-namecard__right-col">¥ 999.99</view>
<view class="goods-card__left-col zui-ellipsis--l2">
商品名称是什么
</view>
</view>
<view class="zui-namecard__detail-row zui-c-gray-darker">
<view class="zui-namecard__right-col">x2</view>
<view class="zui-namecard__left-col">
商品SKU1
</view>
</view>
<view class="zui-namecard__detail-row zui-c-gray-darker">
<view class="goods-card__left-col zui-c-red">已发货</view>
</view>
</view>
</view>
</view>

13
example/vsteps/index.js Normal file
View File

@ -0,0 +1,13 @@
var app = getApp()
Page({
data: {
},
onLoad: function () {
},
onShow: function() {
},
})

43
example/vsteps/index.wxml Normal file
View File

@ -0,0 +1,43 @@
<view class="container">
<view class="zui-panel">
<view
class="zui-vsteps zui-vsteps--active zui-vsteps--first-child"
>
<view class="zui-vsteps__line"></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 zui-vsteps--active"
>
<view class="zui-vsteps__line"></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 zui-vsteps--last-child"
>
<view class="zui-vsteps__line"></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>
</view>