Vant样式不起作用；
相关代码：HTML代码是一样的；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vant演示页面</title>
<!-- 基于设备逻辑分辨率进行页面开发，禁止页面缩放-->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/vant@3/lib/index.css"
/>
<!-- 引入 Vue 和 Vant 的 JS 文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@3/lib/vant.min.js"></script>
<style>
.my-swipe .van-swipe-item {
color: #fff;
font-size: 20px;
line-height: 150px;
text-align: center;
background-color: #39a9ed;
}
</style>
</head>
<body>
<div id="app">
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
<van-swipe-item>1</van-swipe-item>
<van-swipe-item>2</van-swipe-item>
<van-swipe-item>3</van-swipe-item>
<van-swipe-item>4</van-swipe-item>
</van-swipe>
</div>
<script>
const main={
data(){
return{
}
}
}
//使用Vue创建程序；
const app = Vue.createApp(main);
//程序加载Vant
app.use(Vant);
//程序使用Vant 延迟加载，提高页面性能
app.use(Vant.Lazyload())
//应用程序挂着 id=app的div 来进行渲染处理；
app.mount("#app")
</script>
</body>
</html>相关截图：
问题描述：
提示Vant没有定义！
24
收起
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
2023版Java工程师
- 参与学习 人
- 提交作业 8790 份
- 解答问题 9886 个
综合就业常年第一，编程排行常年霸榜，北上广深月薪过万！ 不需要基础，无需脱产即可学习，只要你有梦想，想高薪！ 全新升级：技术栈升级（包含VUE3.0，ES6，Git）+项目升级（前后端联调与功能升级）
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星