image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-09-20 02:34:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update style

Browse Source
This commit is contained in:
pengYYY 2022-06-17 16:39:29 +08:00
parent d5dc6912e4
commit 0cc022c702
3 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/detail/deploy/index.vue
View File

@ -204,6 +204,8 @@ const deleteClickOp = (e) => {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import url('../base/index.less');
.detail-deploy { .detail-deploy {
:deep(.t-card) { :deep(.t-card) {
padding: 8px; padding: 8px;

8
src/pages/list/components/CommonTable.vue
View File

@ -12,7 +12,7 @@
<t-row> <t-row>
<t-col :span="10"> <t-col :span="10">
<t-row :gutter="[16, 24]"> <t-row :gutter="[16, 24]">
<t-col :flex="1"> <t-col :span="4">
<t-form-item label="合同名称" name="name"> <t-form-item label="合同名称" name="name">
<t-input <t-input
v-model="formData.name" v-model="formData.name"
@ -23,7 +23,7 @@
/> />
</t-form-item> </t-form-item>
</t-col> </t-col>
<t-col :flex="1"> <t-col :span="4">
<t-form-item label="合同状态" name="status"> <t-form-item label="合同状态" name="status">
<t-select <t-select
v-model="formData.status" v-model="formData.status"
@ -33,7 +33,7 @@
/> />
</t-form-item> </t-form-item>
</t-col> </t-col>
<t-col :flex="1"> <t-col :span="4">
<t-form-item label="合同编号" name="no"> <t-form-item label="合同编号" name="no">
<t-input <t-input
v-model="formData.no" v-model="formData.no"
@ -43,7 +43,7 @@
/> />
</t-form-item> </t-form-item>
</t-col> </t-col>
<t-col :flex="1"> <t-col :span="4">
<t-form-item label="合同类型" name="type"> <t-form-item label="合同类型" name="type">
<t-select <t-select
v-model="formData.type" v-model="formData.type"

17
src/style/layout.less
View File

@ -7,6 +7,23 @@
width: fit-content; width: fit-content;
} }
.t-button + .t-button {
margin-left: var(--tdvns-spacer);
}
.t-jumper-jumper {
.t-button + .t-button {
margin-left: 0
}
}
.tdesign-starter-link {
color: var(--td-brand-color);
text-decoration: none;
margin-right: 24px;
cursor: pointer;
transition: color .2s cubic-bezier(.38,0,.24,1);
}
.left-operation-container,.operation-container { .left-operation-container,.operation-container {
.t-button + .t-button { .t-button + .t-button {
margin-left: var(--tdvns-spacer); margin-left: var(--tdvns-spacer);