fix:修改选择按钮; #222

Merged
yangws merged 1 commits from yws_dev into main 2025-01-14 09:59:43 +08:00
1 changed files with 25 additions and 7 deletions

View File

@ -22,13 +22,11 @@
<!-- 裁剪按钮--> <!-- 裁剪按钮-->
<div class="btn"> <div class="btn">
<el-button style="margin-right: 20px">选择</el-button> <label for="submit">
<input <div class="lBut"><span>选择</span></div>
class="upload" </label>
type="file" <input class="upload" id="submit" accept=".png, .jpg, .jpeg" type="file" style="display: none;" @change="uploadImg" />
accept=".png, .jpg, .jpeg" <!-- <el-button style="margin-right: 20px;cursor:pointer">选择</el-button> -->
@change="uploadImg"
/>
<el-button @click="cancle">取消</el-button> <el-button @click="cancle">取消</el-button>
<el-button @click="sureSava">提交</el-button> <el-button @click="sureSava">提交</el-button>
@ -216,6 +214,7 @@ export default {
position: relative; position: relative;
display: flex; display: flex;
margin-top: 30px; margin-top: 30px;
cursor: pointer;
> .upload { > .upload {
display: block; display: block;
width: 60px; width: 60px;
@ -224,6 +223,7 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
opacity: 0; opacity: 0;
cursor: pointer;
} }
} }
} }
@ -265,4 +265,22 @@ export default {
background-color: rgba(43, 43, 43, 0.7215686275); background-color: rgba(43, 43, 43, 0.7215686275);
} }
} }
.lBut{
width: 87px;
height: 32px;
font-size: 14px;
line-height: 1.15;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
padding: 8px 10px;
margin-right: 10px;
transition: all 0.5s;
white-space: nowrap;
background-color: #409eff;
color: white;
border: 1px solid #409eff;
cursor: pointer;
}
</style> </style>