cover-button
基础库 3.27.0 开始支持,低版本需做兼容处理。
仅支持在 cover-view 中使用,不支持嵌套其他标签。
属性 | 类型 | 默认值 | 说明 | 版本 |
---|---|---|---|---|
animation | string | "" | 执行动画的id(animation) | 3.34.0 |
click | eventhandle | 用户点击触发 | 3.27.0 | |
touchstart | eventhandle | 手指触摸动作开始 | 3.27.0 | |
touchmove | eventhandle | 手指触摸后移动 | 3.27.0 | |
touchend | eventhandle | 手指触摸动作结束 | 3.27.0 | |
touchcancel | eventhandle | 手指触摸动作被打断,如来电提醒,弹窗 | 3.27.0 |
默认样式
.bl___cover-button {
font-size: 18px;
padding-left: 14px;
padding-right: 14px;
text-align: center;
background-color: #f8f8f8;
line-height: 2.55555556;
border-radius: 5px;
border-style: solid;
border-width: 1px;
overflow: hidden;
}
示例代码
<template>
<cover-view>
<cover-button class="bl-button-label">我是cover-button</cover-button>
</cover-view>
</template>
<script>
export default {
data() {},
methods: {}
};
</script>
<style scoped>
.bl-cover-button {
color: #ff62c5;
font-size: 15px;
}
</style>