页尾编辑多语言

This commit is contained in:
pushuo 2022-08-30 16:00:11 +08:00
parent c9f26d2935
commit 766fa9c2e0
4 changed files with 47 additions and 36 deletions

View File

@ -1,6 +1,6 @@
<template id="rich-text-i18n-template">
<div class="rich-text-i18n-template">
<el-button style="width: 100%;" icon="el-icon-edit-outline" plain @click="richTextDialogChecked('open')">{{ __('common.modules_edit_content') }}</el-button>
<el-button style="width: 100%;" icon="el-icon-edit-outline" plain @click="richTextDialogChecked('open')">{{ __('admin/builder.modules_edit_content') }}</el-button>
<el-dialog
custom-class="rich-text-dialog"
:modal-append-to-body="false"

View File

@ -9,7 +9,7 @@
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="asset" content="{{ asset('/') }}">
<base href="{{$admin_base_url}}">
<title>页尾编辑器</title>
<title>{{ __('admin/builder.footer_edit') }}</title>
<script src="{{ asset('vendor/jquery/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('vendor/layer/3.5.1/layer.js') }}"></script>
<script src="{{ asset('vendor/vue/2.6.14/vue.js') }}"></script>
@ -27,15 +27,15 @@
<div class="design-box">
<div class="sidebar-edit-wrap" id="app" v-cloak>
<div class="design-head">
<div @click="viewHome"><i class="el-icon-view"></i>查看页面</div>
<div @click="saveButtonClicked"><i class="el-icon-check"></i>保存</div>
<div @click="viewHome"><i class="el-icon-switch-button"></i>{{ __('common.exit') }}</div>
<div @click="saveButtonClicked"><i class="el-icon-check"></i>{{ __('common.save') }}</div>
</div>
<div class="module-edit">
<el-collapse value="intro" @change="footerItemChange" accordion>
<el-collapse-item title="服务图标" name="services-wrap">
<el-collapse-item title="{{ __('admin/builder.text_service_icon') }}" name="services-wrap">
<div class="module-edit-group">
<div class="module-edit-group">
<div class="module-edit-title">启用</div>
<div class="module-edit-title">{{ __('admin/builder.text_enable') }}</div>
<el-switch v-model="form.services.enable"></el-switch>
</div>
<draggable
@ -60,41 +60,41 @@
</div>
<div :class="'pb-images-list ' + (item.show ? 'active' : '')">
<pb-image-selector v-model="item.image" :is-language="false"></pb-image-selector>
<div class="tag">建议尺寸 100 x 100</div>
<div class="module-edit-title">标题</div>
<div class="tag">{{ __('admin/builder.text_suggested_size') }} 100 x 100</div>
<div class="module-edit-title">{{ __('admin/builder.text_title') }}</div>
<text-i18n v-model="item.title"></text-i18n>
<div class="module-edit-title">副标题</div>
<div class="module-edit-title">{{ __('admin/builder.sub_title') }}</div>
<text-i18n v-model="item.sub_title"></text-i18n>
</div>
</div>
</draggable>
</div>
</el-collapse-item>
<el-collapse-item title="Logo/介绍" name="footer-content-left">
<el-collapse-item title="Logo/{{ __('admin/builder.text_introduce') }}" name="footer-content-left">
<div class="module-edit-group">
<div class="module-edit-title">logo</div>
<pb-image-selector v-model="form.content.intro.logo" :is-language="false"></pb-image-selector>
</div>
<div class="module-edit-group">
<div class="module-edit-title">简介</div>
<div class="module-edit-title">{{ __('admin/builder.introduction') }}</div>
<rich-text-i18n v-model="form.content.intro.text"></rich-text-i18n>
</div>
</el-collapse-item>
@for ($i = 1; $i <= 3; $i++)
<el-collapse-item title="链接栏{{ $i }}" name="footer-content-link{{ $i }}">
<el-collapse-item title="{{ __('admin/builder.text_link_bar') }}{{ $i }}" name="footer-content-link{{ $i }}">
<div class="module-edit-group">
<div class="module-edit-title">配置标题</div>
<div class="module-edit-title">{{ __('admin/builder.text_set_title') }}</div>
<text-i18n v-model="form.content.link{{ $i }}.title"></text-i18n>
</div>
<div class="module-edit-group">
<div class="module-edit-title">链接</div>
<div class="module-edit-title">{{ __('admin/builder.modules_link') }}</div>
<draggable
ghost-class="dragabble-ghost"
:list="form.content.link{{ $i }}.links"
:options="{animation: 330, handle: '.icon-rank'}">
<div v-for="(item, index) in form.content.link{{ $i }}.links" :key="index" class="footer-link-item">
<el-tooltip class="icon-rank" effect="dark" content="拖动排序" placement="left">
<el-tooltip class="icon-rank" effect="dark" content="{{ __('admin/builder.text_drag_sort') }}" placement="left">
<i class="el-icon-rank"></i>
</el-tooltip>
<link-selector :is-custom-name="true" :hide-types="['product', 'category', 'brand']" v-model="form.content.link{{ $i }}.links[index]"></link-selector>
@ -102,33 +102,33 @@
</div>
</draggable>
</div>
<el-button class="add-item" size="mini" type="primary" plain @click="topLinkAddLinkButtonClicked({{ $i }})">添加链接</el-button>
<el-button class="add-item" size="mini" type="primary" plain @click="topLinkAddLinkButtonClicked({{ $i }})">{{ __('admin/builder.text_add_link') }}</el-button>
</el-collapse-item>
@endfor
<el-collapse-item title="联系我们" name="footer-content-contact">
<el-collapse-item title="{{ __('admin/builder.text_static_information_contact') }}" name="footer-content-contact">
<div class="module-edit-group">
<div class="module-edit-title">联系电话</div>
<el-input placeholder="联系电话" size="small" v-model="form.content.contact.telephone"></el-input>
<div class="module-edit-title">{{ __('common.phone') }}</div>
<el-input placeholder="{{ __('common.phone') }}" size="small" v-model="form.content.contact.telephone"></el-input>
</div>
<div class="module-edit-group">
<div class="module-edit-title">地址</div>
<div class="module-edit-title">{{ __('admin/builder.text_address') }}</div>
{{-- <el-input placeholder="地址" size="small" v-model="form.content.contact.address"></el-input> --}}
<text-i18n type="textarea" v-model="form.content.contact.address"></text-i18n>
</div>
<div class="module-edit-group">
<div class="module-edit-title">邮箱</div>
<el-input placeholder="邮箱" size="small" v-model="form.content.contact.email"></el-input>
<div class="module-edit-title">{{ __('admin/builder.text_email') }}</div>
<el-input placeholder="{{ __('admin/builder.text_email') }}" size="small" v-model="form.content.contact.email"></el-input>
</div>
</el-collapse-item>
<el-collapse-item title="版权/图片" name="footer-bottom">
<el-collapse-item title="{{ __('admin/builder.text_copyright') }}" name="footer-bottom">
<div class="module-edit-group">
<div class="module-edit-title">版权设置</div>
<div class="module-edit-title">{{ __('admin/builder.copyright_settings') }}</div>
<rich-text-i18n v-model="form.bottom.copyright"></rich-text-i18n>
</div>
<div class="module-edit-group">
<div class="module-edit-title">图片</div>
<div class="module-edit-title">{{ __('admin/builder.text_image') }}</div>
<pb-image-selector v-model="form.bottom.image" :is-language="false"></pb-image-selector>
</div>
</el-collapse-item>
@ -244,7 +244,7 @@
},
viewHome() {
window.open('/');
location = '/';
},
showAllModuleButtonClicked() {

View File

@ -111,7 +111,7 @@ return [
'text_phone' => 'Phone',
'text_address' => 'Address',
'text_email' => 'Mailbox',
'text_copyright' => 'Copyright text',
'text_copyright' => 'Copyright / Image',
'text_yq_link' => 'Friendly Link',
'text_link_bar' => 'Link bar',
'text_introduce' => 'Introduce',
@ -228,18 +228,23 @@ return [
'mobile_search_fixed' => 'Fixed at the top of the screen (default)',
// Menu
// Menu
'main_menu' => 'main menu',
'please_add_data' => 'please add data',
'main_menu' => 'Main Menu',
'please_add_data' => 'Please add data',
'add_main_menu' => 'Add main menu',
'main_menu_name_link' => 'main menu name/link',
'main_menu_name_link' => 'Main menu name/link',
'main_menu_label' => 'Main menu label',
'label_background_color' => 'label background color',
'label_text_color' => 'label text color',
'label_background_color' => 'Label background color',
'label_text_color' => 'Label text color',
'submenu_group' => 'Submenu (group)',
'add_menu_group' => 'Add menu group',
'full_screen' => 'Whether full screen',
'menu' => 'menu',
'menu' => 'Menu',
'add_submenu_link' => 'Add submenu link',
'type' => 'type',
'type' => 'Type',
// footer
'footer_edit' => 'Footer editor',
'sub_title' => 'Sub Title',
'introduction' => 'Introduction',
'copyright_settings' => 'Copyright settings',
];

View File

@ -111,7 +111,7 @@ return [
'text_phone' => '电话',
'text_address' => '地址',
'text_email' => '邮箱',
'text_copyright' => '版权文字',
'text_copyright' => '版权/图片',
'text_yq_link' => '友情链接',
'text_link_bar' => '链接栏',
'text_introduce' => '介绍',
@ -244,4 +244,10 @@ return [
'menu' => '菜单',
'add_submenu_link' => '添加子菜单链接',
'type' => '类型',
// footer
'footer_edit' => '页尾编辑器',
'sub_title' => '副标题',
'introduction' => '简介',
'copyright_settings' => '版权设置',
];