Browse Source

fix:上传图片样式

zhangyong/feature-20250815160302-金币优化
lihui 2 months ago
parent
commit
0e5d24326f
  1. 19
      src/views/recharge/gold/addCoinRecharge.vue
  2. 38
      src/views/refund/gold/addCoinRefund.vue

19
src/views/recharge/gold/addCoinRecharge.vue

@ -795,7 +795,8 @@ onMounted(() => {
</div> </div>
<el-dialog v-model="FirstRechargeDialogVisible" title="操作确认" :before-close="FirstRechargeDialogVisiblehandleClose"
<el-dialog v-model="FirstRechargeDialogVisible" title="操作确认"
:before-close="FirstRechargeDialogVisiblehandleClose"
:close-on-click-modal="false" width="400px"> :close-on-click-modal="false" width="400px">
<!-- 内容整体居中且收窄 --> <!-- 内容整体居中且收窄 -->
<div class="confirm-body"> <div class="confirm-body">
@ -831,7 +832,6 @@ onMounted(() => {
</div> </div>
</div> </div>
<!-- 底部按钮居中 --> <!-- 底部按钮居中 -->
@ -966,6 +966,20 @@ p {
gap: 12px; gap: 12px;
} }
:deep(.avatar-uploader .el-upload:hover) {
border-color: var(--el-color-primary);
}
:deep(.el-icon.avatar-uploader-icon) {
font-size: 28px;
color: #8c939d;
width: 50px;
height: 50px;
text-align: center;
}
</style>
<style>
/* 上传图片的格式 */ /* 上传图片的格式 */
.avatar-uploader .avatar { .avatar-uploader .avatar {
width: 50px; width: 50px;
@ -994,3 +1008,4 @@ p {
text-align: center; text-align: center;
} }
</style> </style>

38
src/views/refund/gold/addCoinRefund.vue

@ -667,41 +667,3 @@ p {
} }
</style> </style>
<style>
/* 上传图片的格式 */
.avatar-uploader .avatar {
width: 50px;
height: 50px;
display: block;
}
.avatar-uploader .el-upload {
border: 1px dashed var(--el-border-color);
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
transition: var(--el-transition-duration-fast);
}
.avatar-uploader .el-upload:hover {
border-color: var(--el-color-primary);
}
.el-icon.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 50px;
height: 50px;
text-align: center;
}
.form-style2 {
max-width: 60%;
}
</style>
Loading…
Cancel
Save