Skip to content

T
template_vue
Commit ef3038d2 authored by 高宇's avatar 高宇
Browse files
Options

修改按钮样式

parent c7b6bc86
Hide whitespace changes
Inline Side-by-side
Showing with 26 additions and 19 deletions
src/views/template/templateFirst.vue
View file @ ef3038d2
...@@ -58,8 +58,10 @@ ...@@ -58,8 +58,10 @@
</div> </div>
<div class="right"> <div class="right">
<el-form-item> <el-form-item>
<el-button class="scanCodeTop" type="primary" @click="scanCodes"><div class="scanTest">扫码</div></el-button> <div class="scanAndPrint">
<el-button class="printCodeTop" type="primary" v-print="printOption">打印</el-button> <el-button class="scanCodeTop" type="primary" @click="scanCodes"><div class="scanTest">扫码</div></el-button>
<el-button class="printCodeTop" type="primary" v-print="printOption"><div class="printTest">打印</div></el-button>
</div>
</el-form-item> </el-form-item>
<el-form-item label="rank:" prop="jcRank"> <el-form-item label="rank:" prop="jcRank">
<el-input <el-input
...@@ -4170,25 +4172,30 @@ export default { ...@@ -4170,25 +4172,30 @@ export default {
.right { .right {
margin-left: 6%; margin-left: 6%;
width: 45%; width: 45%;
.scanAndPrint{
.scanCodeTop { width: 100%;
width: 40%;
background: #0057ff;
border-radius: 4px;
.scanTest{
width: 100%;
display: flex;
justify-content: center;
}
}
.printCodeTop{
width: 22%;
border-radius: 4px;
float: inline-end;
display: flex; display: flex;
justify-content: center; justify-content: space-between;
.scanCodeTop {
width: 40%;
background: #0057ff;
border-radius: 4px;
.scanTest{
width: 100%;
display: flex;
justify-content: center;
}
}
.printCodeTop{
width: 30%;
border-radius: 4px;
.printTest{
width: 100%;
display: flex;
justify-content: center;
}
}
} }
::v-deep .el-form-item__label { ::v-deep .el-form-item__label {
width: 100px; width: 100px;
height: 18px; height: 18px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment