vue封装指针样式

新建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()"

猜你喜欢

转载自blog.csdn.net/weixin_44523517/article/details/127632909
今日推荐