elmer-ui-core/example/TipInfo.ts

web app framework

export default () => {
    return `<label style="display: block;padding: 8px 15px; border: 1px solid red;background: #fff1f3;position: relative;font-size: 0;padding-left: 34px;">
        <div style="display: block;width: 20px;height: 20px;position: absolute;left: 6px;top:8px;color: #fff; background: #f75757;border-radius: 100%;-webkit-border-radius: 100%;overflow: hidden;">
            <div style="display: block;position: relative; width: 100%;height: 100%;">
                <span style="display: block;font-weight: bold;font-size: 18px;text-align: center;line-height: 20px;">!</span>
            </div>
        </div>
        <span style="display: inline-block;font-size: 14px;vertical-align: middle;">{{props.message}}</span>
        <i style="display: inline-block;font-size: 14px;vertical-align: middle;font-style: normal;">{{props.statusCode ? props.statusCode : ''}}</i>
    </label>`;
};