老师 我和视频中代码一样为何报错
来源：2-1 flex + iconfont 完成首页 docker 样式编写
Swan不是HeySwan
2021-07-31 18:28:15
<template>
<div class="docker">
<span class="docker_itme">
<div class="iconfont"></div>
首页
</span>
<span class="docker_itme">
<div class="iconfont"></div>
购物车
</span>
<span class="docker_itme">
<div class="iconfont"></div>
订单
</span>
<span class="docker_itme">
<div class="iconfont"></div>
我的
</span>
</div>
</template>
<style lang="scss" scoped>
.docker {
display: flex;
position: absolute;
padding: 0 .18rem;
left: 0;
bottom: 0;
width: 100%;
height: .49rem;
background-color: green;
border-top: 1px solid #F1F1F1;
box-sizing: border-box;
}
.docker_itme {
flex: 1;
text-align: center;
.iconfont {margin: .07rem 0 .02rem 0;
}
}
</style>
写回答
2回答
-
同学你好，猜测可能是由于配置.vue结尾的文件关联不对，导致编辑器报错。建议参考下面的步骤调整后测试下
1、先看看VSCode编辑器右下角的语言模式是不是Vue，如果不是的话，改成Vue
2、点击右下角的语言模式，在弹出窗口中选择“配置文件关联”，示例：
3、找到Vue选项并选择该选项即可
祝学习愉快~
0 -
好帮手慕言
2021-07-31
同学你好，从截图来看是多一个花括号，如下：
去掉之后再试试，如果修改之后还是不可以，建议把完整代码粘贴上来（不要截图）。
祝学习愉快~
0hp>
这是慕课网源码 你看一下 也会报错的
h021-07-31
相似问题