新建style.js文件
HandPointer:鼠标经过
BodyPointer:默认指针
可以设置多个样式
const HandPointer = () => {
return 'cursor: url('+ require("图片路径") + '), auto;'
}
const BodyPointer = () => {
return 'cursor: url(' + require('图片路径') + '), auto;'
}
export {
HandPointer,
BodyPointer
}
在main.js 中引用
import {
HandPointer,
BodyPointer
} from '@/utils/style.js'
Vue.prototype.HandPointer = HandPointer
Vue.prototype.BodyPointer = BodyPointer
在需要的标签上添加
:style="BodyPointer()"