<el-row type="flex" style="margin-top: 15px;"> <el-col class="goods-show" :offset="3" :span="18"> <el-card :body-style="style">这段代码是啥意思

这段代码是使用了 Element UI 中的布局组件 el-row 和 el-col 来实现一个具有弹性布局的行和列。el-row 类型设置为 flex，表示使用弹性布局。el-col 组件的属性 :offset="3" 表示向右偏移 3 个列的宽度，:span="18" 表示占据 18 个列的宽度。el-card 组件是一个卡片组件，通过 :body-style="style" 属性设置卡片内容的样式。

相关问题

<el-row style="margin-top: 20px;margin-bottom: 20px"> <el-col :span="24"> <span style="margin-right: 15px">第1季</span> <el-input class="custom-input" disabled style="width: 120px;margin-right: 20px;coler: red" v-model="'已花费'+ temp.dispatchPoint_1 + '点'"></el-input> </el-col> </el-row>设置字体颜色无效

你可以使用CSS中的color属性来设置字体颜色，而不是使用coler属性。例如，你可以将style属性修改为：style="width: 120px;margin-right: 20px;color: red"，这样就可以将字体颜色设置为红色了。另外，如果你希望设置placeholder的字体颜色，可以使用 ::placeholder 伪类来实现，例如：::placeholder { color: red; }。

<el-row style="display:flex;justify-content:lift;align-items:center;width: 100%; height: 100%"> <el-col style="display:flex;justify-content:lift;align-items:center;width: 100%; height: 100%;"> <el-card class="card-box" style="display:flex;width=200px;height=110px;border-radius: 10px;"> card1 </el-card> </el-col> <!-- <el-col style="display:flex;justify-content:lift;align-items:center;width: 200px; height: 200px"> <el-card style="display:flex;width=200px;height=100px">card2</el-card> </el-col> --> </el-row>为什么我设置的card高度与宽度不起作用

你设置的card高度与宽度不起作用可能是因为你在样式中使用了等于号（=）而不是冒号（:）。正确的写法应该是：`width: 200px; height: 110px;`。此外，你的样式中还存在一些拼写错误，例如 `justify-content:lift` 应该是 `justify-content: left`。你可以修改这些错误后再尝试一下是否能够正确设置card的高度与宽度。