administrate materialize theme

administrate materialize theme

หมวดหมู่อื่นๆ

v1.0.0

ดาวน์โหลด

จัดการธีม Materialize

ธีม Material สำหรับการดูแลระบบ ตามกรอบงาน Materialize

คุณสมบัติ:

ติดตั้งง่าย เพียงรวม CSS/JS เพื่อใช้ธีมกับโครงสร้างการดูแลระบบเริ่มต้น
ธีมตอบสนองการออกแบบวัสดุ
ปรับแต่งได้ผ่านตัวแปร SASS
อนุญาตให้ใช้ส่วนประกอบ Materialize ในผู้ดูแลระบบ

ภาพหน้าจอ

กรุณาถ้าคุณชอบมัน

การติดตั้ง

เพิ่มอัญมณี SASS/SCSS ให้กับ Gemfile ของคุณ (เช่น gem 'sassc' )
หลังจากติดตั้ง Administrate ให้เพิ่มใน Gemfile : gem 'administrate-materialize-theme' (และดำเนินการ bundle )
แก้ไข app/assets/config/manifest.js โดยเพิ่มต่อท้าย:

 //= link administrate-materialize-theme/theme.css
//= link administrate-materialize-theme/theme.js

แก้ไข app/views/layouts/admin/application.html.erb (คุณสามารถสร้างได้โดยใช้ rails generate administrate:views:layout ) เพิ่มก่อนแท็กปิดส่วนหัว:

 < %= stylesheet_link_tag 'administrate-materialize-theme/theme', media: 'all' % >
< %= javascript_include_tag 'administrate-materialize-theme/theme' % >

การปรับแต่ง

หากต้องการเปลี่ยนตัวแปร Materialize จำเป็นต้องสร้างไฟล์ .scss (หรือ .sass ) ใหม่เช่นนี้ (เช่น admin.scss ):

 // app/assets/stylesheets/admin.scss
$primary-color : #FB1 ;
@import ' administrate-materialize-theme/theme ' ;

และแทนที่แท็กลิงก์ใน application.html.erb ด้วย: <%= stylesheet_link_tag 'admin', media: 'all' %>

สำหรับรายการตัวเลือกทั้งหมด โปรดดูที่นี่

คุณสมบัติพิเศษ

ตัวอย่างแถบด้านข้าง:

 < div class =" row " >
  < div class =" col s3 " >
    < section class =" mt-sidebar z-depth-1 " >
      < h3 > Sidebar </ h3 >
      < p > Some content </ p >
    </ section >
  </ div >
  < div class =" col s9 " >
    < section class =" main-content__body main-content__body--flush " >
      <!-- ... -->
    </ section >
  </ div >
</ div >