style:按钮样式统一

This commit is contained in:
songwc
2022-10-28 16:52:40 +08:00
parent fe85165ce9
commit bf57d4b916
13 changed files with 255 additions and 227 deletions

View File

@@ -803,7 +803,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -844,7 +844,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
margin-right: 20px; margin-right: 20px;
color: #ffffff; color: #ffffff;
} }
@@ -983,7 +983,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -496,7 +496,7 @@ export default {
} }
.btn2 { .btn2 {
background: #388be1; background: #409eff;
color: #fff; color: #fff;
border: 0; border: 0;
margin-left: 10px; margin-left: 10px;
@@ -620,7 +620,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -665,7 +665,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -811,7 +811,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -810,7 +810,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -851,7 +851,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -1002,7 +1002,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -78,6 +78,7 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -90,6 +91,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="添加组织" force-render> <a-tab-pane key="2" tab="添加组织" force-render>
<div class="tab2"> <div class="tab2">
@@ -157,6 +159,7 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -170,6 +173,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab="受众关联"> <a-tab-pane key="3" tab="受众关联">
<div class="tab1"> <div class="tab1">
@@ -238,6 +242,7 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -250,6 +255,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
@@ -1249,7 +1255,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -78,6 +78,7 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -90,6 +91,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="添加组织" force-render> <a-tab-pane key="2" tab="添加组织" force-render>
<div class="tab2"> <div class="tab2">
@@ -157,6 +159,7 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -170,6 +173,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab="受众关联"> <a-tab-pane key="3" tab="受众关联">
<div class="tab1"> <div class="tab1">
@@ -238,6 +242,7 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -250,6 +255,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
@@ -990,6 +996,7 @@ export default {
// align-items: center; // align-items: center;
// margin-top: -2px; // margin-top: -2px;
// } // }
.tableBox {
.pa { .pa {
// left: 0; // left: 0;
margin-top: 15px; margin-top: 15px;
@@ -1008,6 +1015,7 @@ export default {
} }
} }
} }
}
.tab2 { .tab2 {
display: flex; display: flex;
@@ -1197,7 +1205,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -57,6 +57,8 @@
}" }"
/> />
</div> </div>
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -68,6 +70,7 @@
class="pagination" class="pagination"
/> />
</div> </div>
</div>
<!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px"> <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table
style="border: 1px solid #f2f6fe" style="border: 1px solid #f2f6fe"
@@ -589,6 +592,7 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
.tableBox {
.pa { .pa {
// left: 0; // left: 0;
margin-top: 25px; margin-top: 25px;
@@ -610,6 +614,7 @@ export default {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
}
// .tab { // .tab {
// .ant-table-thead > tr > th { // .ant-table-thead > tr > th {
// background-color: rgba(239, 244, 252, 1) !important; // background-color: rgba(239, 244, 252, 1) !important;
@@ -657,7 +662,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -78,6 +78,7 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -90,6 +91,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="2" tab="添加组织" force-render> <a-tab-pane key="2" tab="添加组织" force-render>
<div class="tab2"> <div class="tab2">
@@ -157,6 +159,7 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -170,6 +173,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="3" tab="受众关联"> <a-tab-pane key="3" tab="受众关联">
<div class="tab1"> <div class="tab1">
@@ -238,6 +242,7 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="tableBox">
<div class="pa"> <div class="pa">
<a-pagination <a-pagination
showSizeChanger="true" showSizeChanger="true"
@@ -250,6 +255,7 @@
/> />
</div> </div>
</div> </div>
</div>
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
@@ -1197,7 +1203,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -156,7 +156,7 @@
:data-source="tabledata1" :data-source="tabledata1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500}" :scroll="{ x: 500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -1469,7 +1469,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -462,7 +462,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -503,7 +503,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -570,7 +570,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -419,7 +419,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -460,7 +460,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -527,7 +527,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -470,7 +470,7 @@ export default {
} }
.btn2 { .btn2 {
background-color: #388be1; background-color: #409eff;
color: #fff; color: #fff;
border: 0; border: 0;
margin-left: 16px; margin-left: 16px;
@@ -565,7 +565,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -599,7 +599,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -666,7 +666,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -2899,7 +2899,7 @@ export default {
.box { .box {
width: 4px; width: 4px;
height: 20px; height: 20px;
background-color: #4ea6ff; background-color: #409eff;
border-radius: 2px; border-radius: 2px;
} }
.onetitle { .onetitle {

View File

@@ -458,7 +458,10 @@
" "
> >
<div class="groupname" style="width: 42px">姓名</div> <div class="groupname" style="width: 42px">姓名</div>
<a-input v-model:value="valuestun" placeholder="请输入姓名" /> <a-input
v-model:value="valuestun"
placeholder="请输入姓名"
/>
</div> </div>
<div <div
style=" style="
@@ -1789,18 +1792,18 @@ export default {
checkedd2: false, //设置按钮2 checkedd2: false, //设置按钮2
radioV1: "", radioV1: "",
radioV2: "", radioV2: "",
activeKey: "1",//1:概览 2.任务... activeKey: "1", //1:概览 2.任务...
activeKey1: "8",//8:学员管理 9小组管理 activeKey1: "8", //8:学员管理 9小组管理
activeKey2: "3", activeKey2: "3",
inputValue: 5, inputValue: 5,
inputValue2: 5, inputValue2: 5,
inputValue3: 5, inputValue3: 5,
valueaddm: "",//创建小组输入小组长 valueaddm: "", //创建小组输入小组长
valueaddg:"",//创建小组输入名称 valueaddg: "", //创建小组输入名称
valuestun:"",//学员管理姓名 valuestun: "", //学员管理姓名
valuegood:"", valuegood: "",
valuestub:"",//学员管理部门 valuestub: "", //学员管理部门
valuestug:"",//学员管理小组名称 valuestug: "", //学员管理小组名称
valueName: "", //排行榜输入姓名 valueName: "", //排行榜输入姓名
valueDate: "", //排行榜输入日期 valueDate: "", //排行榜输入日期
noticeChecked: true, noticeChecked: true,
@@ -2972,7 +2975,7 @@ export default {
margin-right: 14px; margin-right: 14px;
} }
.btn2 { .btn2 {
background-color: #4ea6ff; background-color: #409eff;
color: #ffffff; color: #ffffff;
} }
} }
@@ -3088,7 +3091,7 @@ export default {
margin-right: 14px; margin-right: 14px;
} }
.btn2 { .btn2 {
background-color: #4ea6ff; background-color: #409eff;
color: #ffffff; color: #ffffff;
} }
} }
@@ -4446,7 +4449,7 @@ export default {
} }
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #fff; color: #fff;
margin-right: 16px; margin-right: 16px;
} }