develop

module/Cms/View/pc/cms/detail/cases.blade.php

@@ -7,11 +7,12 @@
 {!! \ModStart\ModStart::js('asset/common/lazyLoad.js') !!}
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover"
-         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/cases.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg']) style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});" @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$record['summary']}}
             </div>
         </div>

module/Cms/View/pc/cms/detail/default.blade.php

@@ -7,10 +7,12 @@
 {!! \ModStart\ModStart::js('asset/common/lazyLoad.js') !!}
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover" style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/default.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg']) style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});" @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$record['summary']}}
             </div>
         </div>

module/Cms/View/pc/cms/detail/job.blade.php

@@ -7,10 +7,12 @@
 {!! \ModStart\ModStart::js('asset/common/lazyLoad.js') !!}
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover" style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/job.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg']) style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});" @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$record['summary']}}
             </div>
         </div>

module/Cms/View/pc/cms/detail/news.blade.php

@@ -7,10 +7,12 @@
 {!! \ModStart\ModStart::js('asset/common/lazyLoad.js') !!}
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover" style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/news.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg']) style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});" @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$record['summary']}}
             </div>
         </div>

module/Cms/View/pc/cms/detail/product.blade.php

@@ -7,11 +7,12 @@
 {!! \ModStart\ModStart::js('asset/common/lazyLoad.js') !!}
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover"
-         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/product.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg']) style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});" @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$record['summary']}}
             </div>
         </div>

module/Cms/View/pc/cms/index.blade.php

@@ -18,7 +18,7 @@
         <div class="tw-bg-white tw-p-4 lg:tw-p-8 tw-rounded margin-top">
             <div class="row">
                 <div class="col-md-3">
-                    <img class="tw-w-full tw-rounded tw-mb-2"
+                    <img class="tw-w-full tw-rounded tw-mb-2 animated fadeInUp"
                          src="{{\ModStart\Core\Assets\AssetsUtil::fix(modstart_config('Cms_HomeInfoImage','/placeholder/300x200'))}}"/>
                 </div>
                 <div class="col-md-9">
@@ -42,7 +42,7 @@
                     <div class="row">
                         @foreach(Cms::paginateCatByUrl('product',1,4,['where'=>['isRecommend'=>true]]) as $record)
                             <div class="col-md-3 col-6">
-                                <div class="item-p">
+                                <div class="item-p animated fadeInUp">
                                     <a class="image" href="{{$record['_url']}}" style="padding:0.25rem 0 0 0;">
                                         <div class="cover contain ub-cover-1-1"
                                              style="width:90%;margin:0 auto;background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($record['cover'])}});"></div>
@@ -68,7 +68,7 @@
                     <div class="row">
                         @foreach(Cms::paginateCatByUrl('cases',1,4,['where'=>['isRecommend'=>true]]) as $record)
                             <div class="col-md-3 col-6">
-                                <div class="item-p">
+                                <div class="item-p animated fadeInUp">
                                     <a class="image" href="{{$record['_url']}}">
                                         <div class="cover ub-cover-1-1" style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($record['cover'])}});"></div>
                                     </a>

module/Cms/View/pc/cms/list/cases.blade.php

@@ -6,10 +6,14 @@
 
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover" style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/cases.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg'])
+         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});"
+        @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$cat['subTitle']}}
             </div>
         </div>

module/Cms/View/pc/cms/list/default.blade.php

@@ -6,11 +6,14 @@
 
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover"
-         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/default.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg'])
+         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});"
+        @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$cat['subTitle']}}
             </div>
         </div>

module/Cms/View/pc/cms/list/job.blade.php

@@ -6,11 +6,14 @@
 
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover"
-         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/job.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg'])
+         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});"
+        @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$cat['subTitle']}}
             </div>
         </div>

module/Cms/View/pc/cms/list/news.blade.php

@@ -6,11 +6,14 @@
 
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover"
-         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/news.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg'])
+         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});"
+        @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$cat['subTitle']}}
             </div>
         </div>

module/Cms/View/pc/cms/list/product.blade.php

@@ -6,11 +6,14 @@
 
 @section('bodyContent')
 
-    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-transparent ub-cover"
-         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fixFullOrDefault($cat['bannerBg'],'vendor/Cms/bg/product.jpg')}});">
+    <div class="tw-text-white tw-text-lg tw-py-20 tw-bg-gray-500 ub-cover"
+         @if($cat['bannerBg'])
+         style="background-image:url({{\ModStart\Core\Assets\AssetsUtil::fix($cat['bannerBg'])}});"
+         @endif
+    >
         <div class="ub-container">
-            <h1 class="tw-text-4xl">{{$cat['title']}}</h1>
-            <div class="tw-mt-4">
+            <h1 class="tw-text-4xl animated fadeInUp">{{$cat['title']}}</h1>
+            <div class="tw-mt-4 animated fadeInUp">
                 {{$cat['subTitle']}}
             </div>
         </div>

public/theme/corp/css/style.css._delete_.CmsThemeCorp

-__MODSTART_EMPTY_FILE__
\ No newline at end of file

vendor/modstart/modstart/resources/asset/src/theme/default/style.less

@@ -28,6 +28,7 @@
 @import "../../sui/bricks/component/dashboard/dashboard";
 @import "../../sui/bricks/component/i18n/i18n";
 @import "../../sui/bricks/component/bar/bar";
+@import "../../sui/bricks/component/animate/animate";
 
 body, html {
   background: #F4F6F8;