หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

Simply-ui

แพ็คเกจ UI ที่เรียบง่ายสำหรับการออกแบบง่าย ๆ ที่ใช้งานง่ายสำหรับมือถือ!

สารบัญ

  • Simply-ui
    • สารบัญ
  • การติดตั้ง
    • CDN กับ JSDELIVER หรือ UNPKG
      • (jsdeliver)
      • (UNPKG)
      • การใช้งาน
    • NPM (WIP)
      • การใช้งาน
      • ตัวเลือก
  • การสาธิต
  • ลิงค์

การติดตั้ง

CDN กับ JSDELIVER หรือ UNPKG

ลิงค์ที่ใช้งานง่ายเพื่อเข้าถึง Simply-UI ได้ทันที

  • เพิ่ม <link> ถึง:

(jsdeliver) 

 - Full (87.3 KB)
  https://cdn.jsdelivr.net/npm/[email protected]/dist/css/simply.css

- Minified (70.1 KB)
  https://cdn.jsdelivr.net/npm/[email protected]/dist/css/simply.min.css

(UNPKG) 

 - Full (87.3 KB) 
  https://unpkg.com/[email protected]/dist/css/simply.css

- Minified (70.1 KB) 
  https://unpkg.com/[email protected]/dist/css/simply.min.css

ในโครงการของคุณ <head>

  • เริ่มใช้สไตล์ของ Simply!

การใช้งาน 

 < head >
    < meta charset =" UTF-8 " >
    < meta http-equiv =" X-UA-Compatible " content =" IE=edge " >
    < meta name =" viewport " content =" width=device-width, initial-scale=1.0 " >
    < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/[email protected]/dist/css/simply.min.css " >
    < title > Simply-UI Demo </ title >
</ head >

NPM (WIP)

  • ดาวน์โหลดรีลีส
  • เรียกใช้ npm i simply-ui --save ในโครงการของคุณ
  • เพิ่มลิงค์ไป dist/css/index.css ของ Simply-UI ใน <head> ของคุณ

ฉันไม่เคยโพสต์ไปยัง NPM หรือใช้อะไรจากมันมาก่อนหากคุณสามารถตรวจสอบได้ว่าคุณสามารถใช้ห้องสมุดจากที่มันฉันจะขอบคุณมันอย่างมาก! <3

การใช้งาน 

 import { simply } from 'simply' ;

simply ( {
    scrollbar : 'simply' ,
    scrollbar_color : 'primary'
} ) ;

ตัวเลือก

  • Scrollbar - ค่าเริ่มต้น / ง่ายๆ (ค่าเริ่มต้นของ Body's Scrollbars)
  • Scrollbar_color - สีใด ๆ ภายใต้ตัวแปร $ colours (ตั้งค่าสีเริ่มต้น Scrollbars)

การสาธิต

ดูการดำเนินการกับการสาธิตนี้

ดูตัวอย่างหน้าแรก

(WIP) ดูไซต์เอกสารใหม่ที่โฮสต์ใน GitHub repo ของตัวเอง!

ลิงค์

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด