<script setup lang="ts">
import { ref, onMounted } from "vue";
// 判断设备是移动端还是pc端
const deviceType = () => {
return navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
);
};
// 判断是否是移动端
const isMobile = ref();
isMobile.value = deviceType() ? true : false;
onMounted(() => {
if (isMobile.value) {
import("@/assets/mobile.css"); // 移动端样式文件
}else{
import("@/assets/pc.css"); // pc端样式文件
}
})
</script>
根据判断pc端还是移动端引入相对应的css文件(vue3版)
于 2024-01-15 16:55:56 首次发布