vue学习- style里的缩进一定要注意

最新推荐文章于 2024-07-28 22:02:05 发布
最新推荐文章于 2024-07-28 22:02:05 发布
阅读量3.6k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhq186/article/details/77251698
版权

缩进不对， 格式没对齐，都会报错


#app
  .tab
    display: flex
    width: 100%
    height: 40px
    line-height: 40px
    .tab-item
      flex :1
      text-align : center

这个一开始  .tab和app齐头并进，就一直报错，后来才发现

要如上图对齐才行！ 

hhah1122
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于vue-grid-layout vue 可拖拽缩放组件的使用 已经 vue-grid-layout和echarts结合的用法
zmx12100423的博客
10-20 4250
关于vue-gird-layout 的使用方法规范 <grid-layout // 网格初始化布局 数组 必填 每一项都必须具有i、x、y、w和h属性 :layout.sync="layout" // 表示网格有多少列 number 类型 非必填 默认为12 :col-num="12" // 表示
Vue 人资 实战篇一 vue-element-admin学习，项目初始化，sass运用
m0_55170432的博客
05-31 978
人力资源的环境搭建 1.0 vue-element-admin的了解和介绍 vue-element-admin (https://panjiachen.gitee.io/vue-element-admin-site/zh/) 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。 是一个后台集成方案, 集成了PC项目中很多的业
解决在Vue项目中时常因为代码缩进导致页面报错的问题
热门推荐
Afeyer的博客
12-03 2万+
前言如果我们初次使用vue-cli来构建单页SPA应用，在撸代码的过程中有可能会遇到这种因为代码缩进导致页面报错的问题，导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。原因分析通过查看package.json文件我们可以发现，在文件中默认安装了eslint-loader模块，eslint-loader模块是目前相对比较流行的代码检测工具，可以检测书写的代码是否符合统一规范，可以在一些比
用CSS巧控制段落缩进
zgqtxwd的专栏
05-01 532
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
vue3 快速入门 (五) : Flex布局
朱豪凯的博客
07-28 1280
介绍VUE3中的FLex布局
html text-indent,HTML Style textIndent用法及代码示例
weixin_39739170的博客
06-15 813
DOM样式textIndent属性用于缩进每个文本块中的第一行。它还采用负值。如果该值为负，则第一行将向左缩进。用法:它用于设置textIndent属性：object.style.textIndent = "length|%|initial|inherit"它用于获取textIndent属性：object.style.textIndent属性：length:它用于根据px，pt，cm，em等设置固...
在vue项目中引入eslint和stylelint，以及常用配置介绍
在下魔王ii的博客
06-29 760
vue 工程中 eslint 以及 stylelint 的引入使用
解决vue项目中缩进不一致的问题
upStar1的博客
05-12 3926
在vue项目中，有时候会碰到这个文件的缩进是两格，另一个文件的缩进是四格。但是vue的eslint格式是默认两格，所以调整缩进四格的文件就很不方便。 碰到这种情况是因为vue文件默认缩进四格。 所以我们更改一下vue设置。 打开vscode，打开文件，选择首选项，点开设置，把缩进改为2 修改默认缩进（默认为4） ...
Vue项目中quill-editor带样式编辑器的使用方法
08-29
综上所述，要在Vue项目中使用quill-editor，你需要配置编辑器选项，处理图片和视频的上传，以及监听编辑器的相关事件。这样，用户就能在一个带有样式支持的富文本编辑器中自由创作，同时可以根据项目需求自定义图片...
vue3+wangEditor 扩展自定义菜单-多次缩进
最新发布
08-28
下面是一个简单的示例代码，展示了如何在 Vue3 中集成 wangEditor 并扩展自定义菜单实现多次缩进的功能： ```javascript <div ref="editorContainer" style="height: 500px;"> 增加缩进 减少缩进 import...
vue中 vue2-editor富文本编译器的使用
qq_44242030的博客
09-25 1165
1概述 在项目中，会需要使用富文本编辑器去编辑或保存文档、图片、视频等信息去描述某一个物品的详细信息与介绍。可使用vue的图文编辑vue2-editor去处理这些事情。 Vue2-Editor 使用 Vue-Editor底层采取的是quill.js，而quill.js采用的是html5的新属性classList，所以版本低于ie10会报错“无法获取未定义或 null 引用的属性‘confirm’”,而作者写该组件时似乎把ie10也舍弃了,直接支持ie11+，因此需要兼容ie9,ie10的建议更换编辑器。 1
vue中响应式布局将字体大小改成自适应
蓝枫秋千的踩坑记录
01-06 1万+
在app.vue的生命周期函数中添加一段代码来设置页面的rem mounted: function() { // 页面开始加载时修改font-size var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.clientWidth || document.docu...
CSS实现首行缩进和悬挂缩进
xiyuanhuhu的博客
06-21 2万+
首行缩进text-indent控制首行缩进，后加缩进长度，数值可正可负，单位可以是em，百分比，或者绝对单位。
前端vue小功能
Change!
01-18 2431
功能1：1分钟请求接口，实时返回数据 created() { window.setInterval(() => {//1分钟刷新接口，实时更新今日累计营业额 setTimeout(() => { this.getList();//接口方法 }, 0) }, 600000) }, 功能2：探索中~~~ ...
Vue 替换字体大小
m0_54009761的博客
04-11 1892
# Vue 替换字体大小 let str.content = '<p style="font-size:12px"/>' str.content.replace(/font-size: 12px;/g,"font-size: 14px;")```
vue移动端字体大小设置
weixin_30563917的博客
02-18 7254
const setRemUnit = () => { const docEl = document.documentElement; // IPhone6下750像素来设计，实际像素375px，1rem为50px const rem = docEl.clientWidth / 7.5; docEl.style.fontSize = `${rem}px`; ...
vue 界面变化 字体大小 切换自适应方法
11-20 7886
设置方法 // 设置 rem 函数 function setRem() { // 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientWidth / 1920 // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整） document.documentElement.style.fontSize = ba.
vue项目设置活性字体（自适应字体大小）
LIMI_伞梦的博客
12-10 2万+
步骤1： 在vue的App.vue页面设置全局字体大小 mounted() { let width=$("body").width(); if(width>=1200){ let fontsize=width/1920*40;//fontsize为当前屏幕的基数字体，相对于设计稿计算得到的。 $("html").css("font-size",`${fontsize}px`) }//当加载页面的时候设置生效 window.
vue中的style使用的几个小技巧
aithena的博客
03-12 1万+
scoped私有化样式 将当前模块（页面）的样式仅仅运用在当前，有效实现多页面样式隔离，实现各自功能互不干扰。 <style scoped> .avatar-uploader { height: 100px; } .el-step.is-simple .el-step__title { font-size: 14px; } .el-form-item { margin-botto...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值