資訊專欄INFORMATION COLUMN
摘要：純工具提示查看效果演示安裝使用在中使用常規(guī)使用方法直接在頁面中引用我是提示在頁面中使用工具提示工具提示工具提示還可以這樣提示還可以這樣提示新增背景顏色提示開發(fā)
tooltips
純css工具提示 bubbles-tooltips 查看效果
演示npm install tooltips --save使用 在 gulp 中使用 gulp
var gulp = require("gulp");
var gutil = require("gulp-util");
var stylus = require("gulp-stylus");
var tooltips = require("tooltips");
var autoprefixer = require("gulp-autoprefixer");
var browserslist = ["Android 2.3", "Android >= 4", "Chrome >= 20", "Firefox >= 24", "Explorer >= 8", "iOS >= 6", "Opera >= 12", "Safari >= 6"];
gulp.src("./public/styl/*.styl")
.pipe(stylus({
use:[tooltips()],
compress:true
}))
.pipe(autoprefixer({
browsers: browserslist,
cascade: false
}).on("error",gutil.log))
.pipe(gulp.dest("./public/css"));
index.styl
@import "tooltips"
.banner{
height 140px
font-size 24px
}
常規(guī)使用方法
直接在頁面中引用tooltips.min.css
tooltips
在頁面中使用
新增背景顏色提示
開發(fā)
$ npm run build $ npm run watch
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115193.html
摘要：純工具提示查看效果演示安裝使用在中使用常規(guī)使用方法直接在頁面中引用我是提示在頁面中使用工具提示工具提示工具提示還可以這樣提示還可以這樣提示新增背景顏色提示開發(fā) tooltips showImg(https://segmentfault.com/img/remote/1460000006768818); showImg(https://segmentfault.com/img/remot...
摘要：純工具提示查看效果演示安裝使用在中使用常規(guī)使用方法直接在頁面中引用我是提示在頁面中使用工具提示工具提示工具提示還可以這樣提示還可以這樣提示新增背景顏色提示開發(fā) tooltips showImg(https://segmentfault.com/img/remote/1460000006768818); showImg(https://segmentfault.com/img/remot...
閱讀 1684·2021-11-23 09:51
閱讀 2694·2021-11-22 09:34
閱讀 1328·2021-10-14 09:43
閱讀 3670·2021-09-08 09:36
閱讀 3216·2019-08-30 12:57
閱讀 2037·2019-08-30 12:44
閱讀 2526·2019-08-29 17:15
閱讀 3023·2019-08-29 16:08
