添加zui-panel-title

This commit is contained in:
Nino 2017-01-23 15:00:56 +08:00
parent e47f65ea22
commit 5835b552e9
6 changed files with 32 additions and 10 deletions

View File

@ -20,7 +20,7 @@
], ],
"window":{ "window":{
"navigationBarBackgroundColor": "#FAFAFA", "navigationBarBackgroundColor": "#FAFAFA",
"navigationBarTitleText": "WeChat", "navigationBarTitleText": "ZUI",
"navigationBarTextStyle":"black", "navigationBarTextStyle":"black",
"backgroundTextStyle":"dark", "backgroundTextStyle":"dark",
"backgroundColor": "#f9f9f9" "backgroundColor": "#f9f9f9"

View File

@ -6,6 +6,14 @@
overflow: hidden; overflow: hidden;
} }
.zui-panel-title {
font-size: 14px;
line-height: 14px;
color: #999;
padding: 10px 15px 0 15px;
}
.zui-panel--without-margin-top { .zui-panel--without-margin-top {
margin-top: 0; margin-top: 0;
} }

View File

@ -28,4 +28,16 @@
</navigator> </navigator>
</view> </view>
<view class="zui-panel-title">营业时间</view>
<view class="zui-panel">
<view class="zui-cell">
<view class="zui-cell__bd">日期</view>
<view class="zui-cell__ft">每天</view>
</view>
<view class="zui-cell zui-cell--last-child">
<view class="zui-cell__bd">时间段</view>
<view class="zui-cell__ft">08:00~22:00</view>
</view>
</view>
</view> </view>

View File

@ -1,7 +1,8 @@
<view class="container"> <view class="container">
<view class="zui-panel-title">标题</view>
<view class="zui-panel"> <view class="zui-panel">
<view style="padding: 15px;">Panel</view> <view style="padding: 15px;">带标题的Panel</view>
</view> </view>
<view class="zui-panel"> <view class="zui-panel">

View File

@ -21,11 +21,8 @@
</view> </view>
</view> </view>
<view class="zui-panel-title">有描述的steps</view>
<view class="zui-panel"> <view class="zui-panel">
<view class="zui-cell">
<view class="zui-cell__bd">有描述的steps</view>
</view>
<view class="zui-cell"> <view class="zui-cell">
<view class="zui-cell__bd"> <view class="zui-cell__bd">
<template is="zui-steps" data="{{ type: 'horizon', hasDesc: true, steps: steps }}"></template> <template is="zui-steps" data="{{ type: 'horizon', hasDesc: true, steps: steps }}"></template>
@ -45,6 +42,7 @@
</view> </view>
</view> </view>
<view class="zui-panel-title">垂直方向的steps</view>
<view class="zui-panel"> <view class="zui-panel">
<view class="zui-cell zui-cell"> <view class="zui-cell zui-cell">
<view class="zui-cell__bd"> <view class="zui-cell__bd">
@ -59,11 +57,11 @@
</view> </view>
</view> </view>
<view class="zui-panel-title">可自定义class</view>
<view class="zui-panel"> <view class="zui-panel">
<view class="zui-cell"> <view class="zui-cell__bd">
<view class="zui-cell__bd">可自定义class</view> <template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
</view> </view>
<template is="zui-steps" data="{{ type: 'vertical', steps, className: 'my-class' }}"></template>
</view> </view>
</view> </view>

View File

@ -1,3 +1,6 @@
.my-class { .my-class {
padding: 5px 15px; padding: 10px;
}
.my-class .zui-steps__step--done {
color: #f44;
} }