wip

beike/Admin/Http/Controllers/DesignController.php

@@ -19,7 +19,7 @@ class DesignController extends Controller
     public function index(Request $request): View
     {
         $data = [
-            'editors' => ['editor-slide_show'],
+            'editors' => ['editor-slide_show', 'editor-image401'],
             'languages' => LanguageRepo::all(),
             'design_settings' => system_setting('base.design_setting'),
         ];

beike/Admin/View/DesignBuilders/Image401.php

@@ -33,12 +33,12 @@ class Image401 extends Component
     public function render(): View
     {
         $data['register'] = [
-            'code' => 'image_401',
+            'code' => 'image401',
             'sort' => 0,
             'name' => '一行四图-pro',
             'icon' => '',
         ];
 
-        return view('admin::pages.design.module.image_401', $data);
+        return view('admin::pages.design.module.image401', $data);
     }
 }

resources/beike/admin/views/pages/design/builder/index.blade.php

@@ -53,6 +53,7 @@
     </div>
   </div>
 
+
   @foreach($editors as $editor)
     <x-dynamic-component :component="$editor" />
   @endforeach

resources/beike/admin/views/pages/design/module/image401.blade.php

@@ -1,8 +1,8 @@
 <template id="module-editor-image-401-template">
   <div class="image-edit-wrapper">
-    <div class="module-editor-title">{{ modules_content }}</div>
+    <div class="module-editor-title">内容</div>
     <div class="module-edit-group">
-      <div class="module-edit-title">{{ modules_select_image }}</div>
+      <div class="module-edit-title">选择图片</div>
       <div class="pb-images-selector" v-for="(item, index) in module.images" :key="index">
         <div class="selector-head" @click="itemShow(index)">
           <div class="left">
@@ -15,7 +15,7 @@
         <div :class="'pb-images-list ' + (item.show ? 'active' : '')">
           <div class="pb-images-top">
             <pb-image-selector v-model="item.image"></pb-image-selector>
-            <div class="tag">{{ text_suggested_size }} 1060 x 380</div>
+            <div class="tag">建议尺寸: 1060 x 380</div>
           </div>
           <link-selector v-model="item.link"></link-selector>
         </div>
@@ -29,8 +29,6 @@ setTimeout(() => {
   app.source.modules.push(@json($register))
 }, 100)
 Vue.component('module-editor-image-401', {
-  delimiters: ['${', '}'],
-
   template: '#module-editor-image-401-template',
 
   props: ['module'],

themes/default/design/image_401.blade.php

@@ -1,4 +1,4 @@
-<div class="column-item" id="{{ $module_id }}">
+<div class="column-item" id="">
   <div  class="container">
     <div class="module-transverse-2">
       <div class="row">

themes/default/design/slideshow.blade.php

@@ -1,3 +1,8 @@
+@push('header')
+  <script src="{{ asset('vendor/swiper/swiper-bundle.min.js') }}"></script>
+  <link rel="stylesheet" href="{{ asset('vendor/swiper/swiper-bundle.min.css') }}">
+@endpush
+
 <section class="module-item {{ $design ? 'module-item-design' : ''}}" id="module-dasuybkdas">
   @if ($design)
   <div class="module-edit">
@@ -24,10 +29,9 @@
       <div class="swiper-button-next"></div>
     </div>
   </div>
+</section>
 
-  <script src="{{ asset('vendor/swiper/swiper-bundle.min.js') }}"></script>
-  <link rel="stylesheet" href="{{ asset('vendor/swiper/swiper-bundle.min.css') }}">
-
+@push('add-scripts')
   <script>
     new Swiper ('.module-swiper-dasuybkdas', {
       loop: true, // 循环模式选项
@@ -47,6 +51,6 @@
       },
     })
     </script>
-</section>
+  @endpush