vant-weapp/dist/capsule/index.wxss
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

40 lines
736 B
Plaintext

.zan-capsule {
display: inline-block;
font-size: 12px;
vertical-align: middle;
line-height: 16px;
transform: scale(0.83);
}
.zan-capsule__left,
.zan-capsule__right {
display: inline-block;
line-height: 16px;
height: 16px;
vertical-align: middle;
box-sizing: border-box;
}
.zan-capsule__left {
padding: 0 2px;
color: #FFF;
background: #999;
border-radius: 2px 0 0 2px;
border: 1rpx solid #999;
}
.zan-capsule__right {
padding: 0 5px;
color: #999;
border-radius: 0 2px 2px 0;
border: 1rpx solid #999;
}
.zan-capsule--danger .zan-capsule__left {
color: #FFF;
background: #F24544;
border-color: #F24544;
}
.zan-capsule--danger .zan-capsule__right {
color: #F24544;
border-color: #F24544;
}