Browse Source

🌈 style: 优化了部分背景

huangqizheng/feature-20251213090502-现金退款多语言
zhangrenyuan 1 month ago
parent
commit
c86d1b96f2
  1. 1
      src/components/dialogs/LanguageSwitch.vue
  2. 26
      src/views/language/languageTranslate.vue

1
src/components/dialogs/LanguageSwitch.vue

@ -6,6 +6,7 @@
:close-on-click-modal="false"
append-to-body
class="lang-switch-dialog"
style="background-color: rgb(243,250,254);"
>
<el-form label-width="80px">
<el-form-item label="切换语言">

26
src/views/language/languageTranslate.vue

@ -148,9 +148,16 @@
<!-- 分页组件 -->
<div style="margin-top: 10px;display: flex;">
<el-pagination background v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 1vh;"
@size-change="handleSizeChange" @current-change="handleCurrentChange" />
<el-pagination
background
v-model:current-page="pagination.pageNum"
v-model:page-size="pagination.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pagination.total"
style="margin-top: 1vh;"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</el-card>
@ -160,7 +167,9 @@
<!-- 编辑对话框 -->
<el-dialog v-model="showEditDialog" :title="editForm.id ? '编辑翻译' : '新增翻译'" width="30vw" draggable
:close-on-click-modal="false">
:close-on-click-modal="false"
style="background-color: rgb(243,250,254);"
>
<el-form :model="editForm" label-width="120px">
<el-form-item label="原文(中文):">
<el-input v-model="editForm.chineseSimplified" placeholder="请输入原文内容" show-word-limit />
@ -242,7 +251,6 @@ const pagination = ref({
const searchForm = ref({
chineseSimplified: '',
// languageStatus
})
const showEditDialog = ref(false)
@ -267,7 +275,7 @@ const editForm = ref({
//
// 使
const truncateText = (text) => {
if (!text) return ''
return text.length > 20 ? text.substring(0, 20) + '...' : text
@ -501,17 +509,17 @@ onMounted(() => {
</script>
<style scoped lang="scss">
// -
//
.card1 {
background: #F3FAFE;
}
// -
//
.card2 {
background: #E7F4FD;
}
// -
//
:deep(.el-table__header-wrapper),
:deep(.el-table__body-wrapper),
:deep(.el-table__cell),

Loading…
Cancel
Save