Appearance

On this page

PointButton 图层点位按钮 ​

此样式用于地图图层下方点位按钮

默认样式 ​

告警
66666666666666666
展开查看
vue
<template>
    <div class="biz-point-button">
        <div class="icon-box">
            // 这里icon可以用iconfont、img、svg
            <i class="iconfont icon-close"></i>
        </div>
        <div class="label">告警</div>
        <div class="value"><span>6</span></div>
    </div>
</template>

按钮样式 ​

告警
6
告警
6
告警
告警
展开查看
vue
<template>
    <label>基础按钮</label>
    <div class="biz-point-button">
        <div class="icon-box">
            <i class="iconfont icon-close"></i>
        </div>
        <div class="label">告警</div>
        <div class="value">6</div>
    </div>
    <label>按钮激活</label>
    <div class="biz-point-button active">
        <div class="icon-box">
            <i class="iconfont icon-close"></i>
        </div>
        <div class="label">告警</div>
        <div class="value">6</div>
    </div>
    <label>无数字按钮</label>
    <div class="biz-point-button">
        <div class="icon-box">
            <i class="iconfont icon-close"></i>
        </div>
        <div class="label">告警</div>
    </div>
    <label>无数字按钮激活</label>
    <div class="biz-point-button active">
        <div class="icon-box">
            <i class="iconfont icon-close"></i>
        </div>
        <div class="label">告警</div>
    </div>
</template>