everywill 7ebfa6054d capsule支持不同类型及自定义颜色 (#34)
* style: badge上标大小改变更加灵活

* style: panel-title的行高跟随字号

* style: 绝对定位的元素width或height为auto,left,right,top,bottom不为auto时,auto的margin将计算为0,同初始值

* style: 修复作为组件使用时dialog的定位问题

* style: 修正示例

* style: add

* style: capsule

* style: modify readme

* style: add noticebar

* style: modify readme

* style: noticebar优化

* style: add popup

* style: remove

* style: 左右反了...

* style: 通告栏支持同一页面多个

* style: 独立管理不同noticebar的动画数据

* style: add

* style: 删除多余文件

* style: capsule自定义颜色
2017-10-06 12:27:25 +08:00

22 lines
720 B
Plaintext

<import src="/dist/capsule/index.wxml" />
<view class="container">
<view class="doc-title">CAPSULE</view>
<view class="zan-panel-title">基本用法</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--last-child">
<template is="capsule" data="{{ leftText: '1折', rightText: '限购一份'}}" />
<template is="capsule" data="{{ leftText: '1折', rightText: '限购一份', type: 'danger' }}" />
</view>
</view>
<view class="zan-panel-title">自定义颜色</view>
<view class="zan-panel">
<view class="zan-cell zan-cell--last-child">
<template is="capsule" data="{{ leftText: '1折', rightText: '限购一份', color: '#38f' }}" />
</view>
</view>
</view>