## 4.1.文字提示 鼠标滑过弹出tips，使用示例： ```html <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()`直接调用： ```javascript 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 }); ```  <br/>