prompt 温馨提示
- 属性说明
- 示例
  - 代码示例

prompt 温馨提示

解释：温馨提示组件，可配置标题内容，提示内容，并可放置在页面的任何位置。

属性说明

属性名	类型	必填	说明
prompt-class	String	否	提供开发外部样式类，供开发者自定义组件样式，可通过此 class 改变提示框外层样式
title-class	String	否	提供开发外部样式类，供开发者自定义组件样式，可通过此 class 改变提示框标题样式
content-class	String	否	提供开发外部样式类，供开发者自定义组件样式，可通过此 class 改变提示框内容样式

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

SWAN
JS
CSS
JSON

<view class="wrap">
    <view class="container">
        <view class="card-panel">
            <view class="comp-wrap">
                <smt-prompt>
                    <view slot="title">标题名称</view>
                    <view slot="content">内容信息描述，支持多行信息展示，高度根据内容信息自适应</view>
                </smt-prompt>
            </view>
        </view>
        <view class="card-panel">
            <view class="comp-wrap">
                <smt-prompt content-class="prompt-content">
                    <view slot="title">标题名称</view>
                    <view slot="content">
                        内容信息描述，支持多行信息展示，高度根据内容信息自适应<view class="content-herf" bindtap="clkTextShow">文字链接</view>
                    </view>
                </smt-prompt>
            </view>
        </view>
    </view>
</view>