# 文字提示 ## 4.1.文字提示 鼠标滑过弹出tips，使用示例： ~~~ <button lay-tips="大家好！">按钮</button> <button lay-tips="大家好！" lay-direction="2" lay-bg="#009788">按钮</button> <button lay-tips="大家好！" lay-offset="10px" lay-bgImg="linear-gradient(to right,#8510FF,#D025C2,#FF8B2D,#F64E2C)">按钮</button> <button lay-tips="大家好！" lay-offset="-10px,-10px" lay-padding="5px">按钮</button> ~~~ * lay-direction： 设置位置，1上面(默认)、2右边、3下面、4左边 * lay-bg： 设置背景颜色(包含箭头颜色,下面的背景图片不包含箭头) * lay-offset： 设置偏移距离，(上，左) * lay-padding：内间距 * lay-color：文字颜色 * lay-bgImg：背景图片，例如lay-bgImg="url(assets/images/head.jpg)" * lay-fontSize：字体大小 除了elem和text其他都是可选参数，还可以使用`admin.tips()`直接调用： ~~~ admin.tips({ elem: '#btn', text: 'Hello', direction: 3, bg: '#803ed9', offset: '-10px,-10px', padding: '15px', color: '#eee', bgImg: 'linear-gradient(to right,#8510FF,#D025C2,#FF8B2D,#F64E2C)', fontSize: '18px', tipsMore: true, time: -1 }); ~~~