style(button/input): 调整按钮和输入框样式

-调整按钮内边距为 8 像素 20 像素
- 添加按钮字体样式:PingFangSC,500,14px
- 新增中等大小输入框样式
This commit is contained in:
陈昱达
2025-04-23 10:13:27 +08:00
parent 8f55224c91
commit c0b68c97a6
3 changed files with 16 additions and 3 deletions

View File

@@ -1,7 +1,10 @@
@import 'theme';
.render-button {
padding: 8px 21px;
padding: 8px 20px;
border-radius: 8px;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 14px;
}
.el-button {

View File

@@ -10,3 +10,13 @@
padding: 0 0 0 10px;
}
}
.el-input--medium {
.el-input__inner {
height: 30px;
line-height: 30px;
}
.el-input__icon {
line-height: 30px;
}
}

View File

@@ -9,7 +9,7 @@
</el-input>
</el-col>
<el-col :span="16" class="text-right">
<el-button class="render-button line-button" icon="el-icon-plus" @click="createdKnowLedge()">创建知识库</el-button>
<el-button class="render-button line-button pv8 ph10" icon="el-icon-plus" @click="createdKnowLedge()">创建知识库</el-button>
</el-col>
</el-row>
@@ -20,7 +20,7 @@
易商数智知识库平台旨在为用户提供更便捷更灵敏更全面的知识存储和操作平台用户可以通过创建不同的知识库完成对系统内知识的细分和储备
</p>
<p class="mt10 fs14 theme-primary-desc-text" style="line-height: 15px">同时也可以通过修改和删除操作对系统内知识体系进行修正和优化</p>
<el-button type="primary" class="mt20 render-button" plain icon="el-icon-document-remove">操作文档</el-button>
<el-button type="primary" class="mt20 render-button pv8 ph10" plain icon="el-icon-document-remove">操作文档</el-button>
</div>
</div>