mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-13 12:56:45 +08:00
样式修改
This commit is contained in:
@@ -1177,7 +1177,7 @@ export default {
|
|||||||
key: "opacation",
|
key: "opacation",
|
||||||
width: "20%",
|
width: "20%",
|
||||||
align: "center",
|
align: "center",
|
||||||
fixed: "right",
|
// fixed: "right",
|
||||||
scopedSlots: { customRender: "action" }, //引入的插槽
|
scopedSlots: { customRender: "action" }, //引入的插槽
|
||||||
customRender: (text) => {
|
customRender: (text) => {
|
||||||
// console.log(text);
|
// console.log(text);
|
||||||
|
|||||||
@@ -43,7 +43,8 @@
|
|||||||
allowClear
|
allowClear
|
||||||
></a-select>
|
></a-select>
|
||||||
</div>
|
</div>
|
||||||
<div class="select">
|
<div class="select addTimeBox">
|
||||||
|
<div class="addTime">创建时间:</div>
|
||||||
<a-range-picker
|
<a-range-picker
|
||||||
v-model:value="searchParam.valueDate"
|
v-model:value="searchParam.valueDate"
|
||||||
:show-time="{
|
:show-time="{
|
||||||
@@ -1405,8 +1406,8 @@ export default {
|
|||||||
dataIndex: "operation",
|
dataIndex: "operation",
|
||||||
key: "operation",
|
key: "operation",
|
||||||
width: 300,
|
width: 300,
|
||||||
align: "right",
|
align: "center",
|
||||||
fixed: "right",
|
// fixed: "right",
|
||||||
customRender: (value) => {
|
customRender: (value) => {
|
||||||
// console.log("value", value.record.type, value.record.status);
|
// console.log("value", value.record.type, value.record.status);
|
||||||
return (
|
return (
|
||||||
@@ -1895,7 +1896,26 @@ export default {
|
|||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
.addTimeBox {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.addTime {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10;
|
||||||
|
margin-left: 10px;
|
||||||
|
color: rgba(0, 0, 0, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-picker {
|
||||||
|
padding-left: 85px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ant-picker-range .ant-picker-active-bar {
|
||||||
|
margin-left: 85px;
|
||||||
|
}
|
||||||
|
}
|
||||||
.btn {
|
.btn {
|
||||||
padding: 0px 26px 0px 26px;
|
padding: 0px 26px 0px 26px;
|
||||||
height: 38px;
|
height: 38px;
|
||||||
@@ -2042,11 +2062,7 @@ export default {
|
|||||||
margin: 20px 38px 30px;
|
margin: 20px 38px 30px;
|
||||||
|
|
||||||
.ant-table-thead > tr > th {
|
.ant-table-thead > tr > th {
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 400;
|
|
||||||
color: #999ba3;
|
|
||||||
line-height: 36px;
|
|
||||||
padding: 5px 16px;
|
|
||||||
background-color: #eff4fc;
|
background-color: #eff4fc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -2073,6 +2089,8 @@ export default {
|
|||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #4ea6ff;
|
color: #4ea6ff;
|
||||||
|
margin-right: -45px;
|
||||||
|
|
||||||
// line-height: 36px;
|
// line-height: 36px;
|
||||||
.operation1 {
|
.operation1 {
|
||||||
margin-left: 21px;
|
margin-left: 21px;
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tmpl_body">
|
<div class="tmpl_body">
|
||||||
<div class="tmpl_tabbox">
|
<div class="tableBox">
|
||||||
<a-table :columns="columns1" :data-source="tableData1"
|
<a-table :columns="columns1" :data-source="tableData1"
|
||||||
expandRowByClick="true" @expand="expandTable" :pagination="false"/>
|
expandRowByClick="true" @expand="expandTable" :pagination="false"/>
|
||||||
<div class="tableBox" style="display:flex;justify-content:center;padding:20px;">
|
<div class="tableBox" style="display:flex;justify-content:center;padding:20px;">
|
||||||
@@ -136,7 +136,7 @@ export default defineComponent({
|
|||||||
{
|
{
|
||||||
//单层项目
|
//单层项目
|
||||||
value.operation = (
|
value.operation = (
|
||||||
<div class="operation" style="justify-content: flex-end;">
|
<div class="operation" style="justify-content: flex-end; margin-right:65px;">
|
||||||
<div class="nSelect">
|
<div class="nSelect">
|
||||||
{value.status === "已发布" ? (
|
{value.status === "已发布" ? (
|
||||||
<div class="nselect">
|
<div class="nselect">
|
||||||
@@ -406,7 +406,7 @@ export default defineComponent({
|
|||||||
.tmpl_body {
|
.tmpl_body {
|
||||||
padding: 0px 30px;
|
padding: 0px 30px;
|
||||||
|
|
||||||
.tmpl_tabbox {
|
.tableBox {
|
||||||
.operation {
|
.operation {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -427,6 +427,14 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.tableBox {
|
||||||
|
margin: 20px 38px 30px;
|
||||||
|
|
||||||
|
.ant-table-thead > tr > th {
|
||||||
|
|
||||||
|
background-color: #eff4fc;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user