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

文档

Browse Source
This commit is contained in:
pangxie1991 2016-12-19 20:26:14 +08:00
parent 12ea8d1bdb
commit 152feb9367
6 changed files with 72 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
pages/steps/index.wxml
View File

@ -1,65 +1,66 @@
<view class="container"> <view class="container">
<view class="zui-panel">
<view class="zui-cell"> <view class="zui-cell">
<view class="zui-cell__bd"> <view class="zui-cell__bd">
<view class="top-info__steps zui-steps zui-steps-3"> <view class="top-info__steps zui-steps zui-steps-3">
<view <view
class="zui-steps__step zui-steps__step--first-child zui-steps__step--done"> class="zui-steps__step zui-steps__step--first-child zui-steps__step--done">
<text class="zui-steps__title">步骤一</text> <text class="zui-steps__title">步骤一</text>
<view class="zui-steps__icon"> <view class="zui-steps__icon">
<view class="zui-steps__circle"></view> <view class="zui-steps__circle"></view>
</view>
<view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view> <view class="zui-steps__step zui-steps__step--done zui-steps__step--cur">
</view> <text class="zui-steps__title">步骤二</text>
<view class="zui-steps__step zui-steps__step--done zui-steps__step--cur"> <view class="zui-steps__icon">
<text class="zui-steps__title">步骤二</text> <view class="zui-steps__circle"></view>
<view class="zui-steps__icon"> </view>
<view class="zui-steps__circle"></view> <view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view> <view class="zui-steps__step zui-steps__step--last-child">
</view> <text class="zui-steps__title">步骤三</text>
<view class="zui-steps__step zui-steps__step--last-child"> <view class="zui-steps__icon">
<text class="zui-steps__title">步骤三</text> <view class="zui-steps__circle"></view>
<view class="zui-steps__icon"> </view>
<view class="zui-steps__circle"></view> <view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view>
</view> </view>
</view> </view>
</view> </view>
</view>
<view class="zui-cell zui-cell--last-child"> <view class="zui-cell zui-cell--last-child">
<view class="zui-cell__bd"> <view class="zui-cell__bd">
<view class="top-info__steps zui-steps zui-steps-4"> <view class="top-info__steps zui-steps zui-steps-4">
<view <view
class="zui-steps__step zui-steps__step--first-child zui-steps__step--done"> class="zui-steps__step zui-steps__step--first-child zui-steps__step--done">
<text class="zui-steps__title">步骤一</text> <text class="zui-steps__title">步骤一</text>
<view class="zui-steps__icon"> <view class="zui-steps__icon">
<view class="zui-steps__circle"></view> <view class="zui-steps__circle"></view>
</view>
<view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view> <view class="zui-steps__step zui-steps__step--done">
</view> <text class="zui-steps__title">步骤二</text>
<view class="zui-steps__step zui-steps__step--done"> <view class="zui-steps__icon">
<text class="zui-steps__title">步骤二</text> <view class="zui-steps__circle"></view>
<view class="zui-steps__icon"> </view>
<view class="zui-steps__circle"></view> <view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view> <view class="zui-steps__step zui-steps__step--done zui-steps__step--cur">
</view> <text class="zui-steps__title">步骤三</text>
<view class="zui-steps__step zui-steps__step--done zui-steps__step--cur"> <view class="zui-steps__icon">
<text class="zui-steps__title">步骤三</text> <view class="zui-steps__circle"></view>
<view class="zui-steps__icon"> </view>
<view class="zui-steps__circle"></view> <view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view> <view class="zui-steps__step zui-steps__step--last-child">
</view> <text class="zui-steps__title">步骤四</text>
<view class="zui-steps__step zui-steps__step--last-child"> <view class="zui-steps__icon">
<text class="zui-steps__title">步骤四</text> <view class="zui-steps__circle"></view>
<view class="zui-steps__icon"> </view>
<view class="zui-steps__circle"></view> <view class="zui-steps__line"></view>
</view> </view>
<view class="zui-steps__line"></view>
</view> </view>
</view> </view>
</view> </view>

10
pages/toast/index.wxml
View File

@ -1,7 +1,15 @@
<import src="/zui/toast/index.wxml" /> <import src="/zui/toast/index.wxml" />
<view class="container"> <view class="container">
<button class="zui-btn zui-btn--primary zui-btn--big" catchtap="showToast">弹个窗~</button> <view class="zui-btns">
<button
class="zui-btn zui-btn--primary zui-btn--big"
catchtap="showToast"
style="margin-top: 40vh;"
>
弹个窗~
</button>
</view>
</view> </view>
<template is="zui-toast" data="{{ componentToast }}"></template> <template is="zui-toast" data="{{ componentToast }}"></template>

10
pages/toptips/index.wxml
View File

@ -1,7 +1,15 @@
<import src="/zui/toptips/index.wxml" /> <import src="/zui/toptips/index.wxml" />
<view class="container"> <view class="container">
<button class="zui-btn zui-btn--primary zui-btn--big" catchtap="showTopTips">显示toptips</button> <view class="zui-btns">
<button
class="zui-btn zui-btn--primary zui-btn--big"
catchtap="showTopTips"
style="margin-top: 40vh;"
>
显示toptips
</button>
</view>
</view> </view>
<template is="zui-toptips" data="{{ componentTopTips }}"></template> <template is="zui-toptips" data="{{ componentTopTips }}"></template>

2
zui/toast/index.wxss
View File

@ -2,7 +2,7 @@
position: fixed; position: fixed;
top: 35%; top: 35%;
left: 20%; left: 20%;
transform: translateY(-100%); transform: translateZ(0) translateY(-100%);
background: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.7);
color: #fff; color: #fff;
font-size: 14px; font-size: 14px;

1
zui/toptips/index.js
View File

@ -5,6 +5,7 @@ module.exports = {
// 如果已经有一个计时器在了，就清理掉先 // 如果已经有一个计时器在了，就清理掉先
if (timer) { if (timer) {
clearTimeout(timer); clearTimeout(timer);
timer = undefined;
} }
if (typeof options === 'number') { if (typeof options === 'number') {

2
zui/toptips/index.wxss
View File

@ -9,7 +9,7 @@
text-align: center; text-align: center;
color: #FFF; color: #FFF;
background-color: #E64340; background-color: #E64340;
z-index: 2; z-index: 20;
/* 动画部分 */ /* 动画部分 */
transition: all 0.4s ease; transition: all 0.4s ease;