ModStart模板主題

Alan008發表於2021-11-18

ModStart所有系統使用了系統配置表 config 中的 siteTemplate 變數，預設使用 default 變數。

  • 系統檢視根目錄：resources/views/theme/
  • 模組檢視根目錄：module/Xxx/View/

自適應的裝置檢視

ModStart的View根據訪問裝置的不同，會啟用不同的檢視檔案，具體邏輯可參照 \ModStart\Core\View\ResponsiveViewTrait 中的邏輯。

  • PC端使用 pc/ 中的檢視
  • 手機端使用 m/ 中的檢視
  • 當手機端檢視不存在時，會自動降級使用 pc/ 中的檢視

定義一個檢視例子

@extends($_viewFrame)
@section('pageTitleMain')我的檢視標題@endsection
@section('bodyContent')
    <div class="ub-container">
        我的檢視檔案
    </div>
@endsection

其中：

  • $_viewFrame 變數表示當前系統使用的框架檢視
  • @section('pageTitleMain') 為系統標題
  • @section('bodyContent') 為系統正文內容部分

網站主色調

:root {
  --theme-color-primary: #698af4;
  --theme-color-primary-dark: #99aff7;
  --theme-color-primary-light: #3965f1;
}

為了適配不同行業和場景，系統的主色調使用了全域性css變數，可以通過上述方式強制使用主題色，或後臺配置主題色。

主題模組

為方便不同主題適配安裝，可以建立模組來完成主題的安裝和開發。

在模組市場，下載安裝「CMS模板示例」，供參考開發。

modstart.com/m/CmsThemeDemo

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章