style(components): 调整组件样式和按钮尺寸

- 修改 CuteSectionTitle 图标字体大小从 20px 为 18px
- 为 CuteSectionTitle 中的按钮添加 size="mini" 属性
- 在 CuteOtherDemo 中增加多个操作按钮示例
This commit is contained in:
2025-10-28 13:48:45 +08:00
parent 40afe696dc
commit 6a9dcb719a
2 changed files with 4 additions and 2 deletions
@@ -8,7 +8,7 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<h4> <h4>
<i class="el-icon-s-help" style="color: #409EFF;font-size: 20px" /> <i class="el-icon-s-help" style="color: #409EFF;font-size: 18px" />
<i style="color: #303133;">{{ title }}</i> <i style="color: #303133;">{{ title }}</i>
</h4> </h4>
</el-col> </el-col>
@@ -42,7 +42,9 @@
</cute-screen-shot> </cute-screen-shot>
<el-divider>CuteSectionTitle</el-divider> <el-divider>CuteSectionTitle</el-divider>
<cute-section-title title="段落标题"> <cute-section-title title="段落标题">
<el-button type="danger">操作按钮</el-button> <el-button type="danger" size="mini">操作按钮1</el-button>
<el-button type="danger" size="mini">操作按钮2</el-button>
<el-button type="danger" size="mini">操作按钮3</el-button>
</cute-section-title> </cute-section-title>
</div> </div>
</template> </template>