violet design

ไลบรารีส่วนประกอบ UI ส่วนบุคคลที่ใช้เฟรมเวิร์ก "React" ส่วนใหญ่ใช้ในระบบระดับกลางและแบ็กเอนด์ระดับองค์กร

สารบัญ

• สารบัญ
• แนะนำ
  • ลักษณะ
  • ความเข้ากันได้
• ติดตั้ง
  • ติดตั้งโดยใช้ NPM
  • ติดตั้งโดยใช้เส้นด้าย
  • การแนะนำเบราว์เซอร์
• ตัวอย่าง
  • โหลดตามความต้องการ
  • ตัวพิมพ์ใหญ่
• ส่วนประกอบ
• การเชื่อมโยง
• ผู้พัฒนา

แนะนำ

เพื่อให้เป็นไปตามข้อกำหนดข้อกำหนดการออกแบบทีมงานของเราได้พัฒนา "การออกแบบไวโอเล็ต" - ไลบรารีส่วนประกอบ UI แบบตอบสนอง การออกแบบไวโอเล็ตให้ส่วนประกอบและฟังก์ชั่นมากมายที่ตอบสนองความต้องการทางธุรกิจที่แตกต่างกันในขณะที่สวยงามและประสานงานกันอย่างมาก

ลักษณะ

• - ออกแบบภาษาแบบโต้ตอบและสไตล์การมองเห็นอย่างสังหรณ์ใจ
• - ส่วนประกอบ React คุณภาพสูงออกจากกล่อง
• ️พัฒนาด้วย TypeScript ให้ไฟล์นิยามประเภทที่สมบูรณ์
• api API ที่เป็นมิตรการใช้พื้นที่ฟรีและยืดหยุ่น
• - รายละเอียดและความสวยงาม UI
• - เว็บไซต์สาธิตที่ชัดเจนและชัดเจนและเอกสารโดยละเอียด

ความเข้ากันได้

ขอบ	Firefox	โครเมี่ยม	ซาฟารี	โอเปร่า
ขอบ	สองรุ่นสุดท้าย	สองรุ่นสุดท้าย	สองรุ่นสุดท้าย	สองรุ่นสุดท้าย

ติดตั้ง

ติดตั้งโดยใช้ NPM

ขอแนะนำให้ใช้ NPM เพื่อติดตั้งเพลิดเพลินไปกับความสะดวกสบายที่เกิดจากระบบนิเวศและเครื่องมือซึ่งสามารถดีบั๊กในสภาพแวดล้อมการพัฒนาได้อย่างง่ายดายหรือสามารถบรรจุและนำไปใช้ในสภาพแวดล้อมทางนิเวศวิทยา

$ npm install violet-design

ติดตั้งโดยใช้เส้นด้าย

$ yarn add violet-design

การแนะนำเบราว์เซอร์

ใช้ script และ link ในเบราว์เซอร์เพื่อนำเข้าไฟล์โดยตรงและใช้ VioletDesign ตัวแปรส่วนกลาง

แนะนำ CSS:

 < link rel =" stylesheet " href =" https://unpkg.com/violet-design/dist/index.css " >

แนะนำ JS:

 < script src =" https://unpkg.com/violet-design/dist/index.umd.js " > </ script > 

ตัวอย่าง

1. แนะนำสไตล์

ใน index.tsx(.jsx) :

 import 'violet-design/dist/index.css'

2. ใช้ส่วนประกอบ

 import React from 'react' ;
import { Button } from 'violet-design' ;

const App = ( ) => (
  < >
    < Button btnType = "primary" size = "lg" > PRESS ME </ Button >
  </ >
) ;

โหลดตามความต้องการ

violet-design รองรับการเขย่าต้นไม้ตามโมดูล ES โดยค่าเริ่มต้น

ตัวพิมพ์ใหญ่

violet-design เขียนขึ้นโดยใช้ typeScript และให้ไฟล์นิยามที่สมบูรณ์

ส่วนประกอบ

• - ส่วนประกอบอเนกประสงค์ทั่วไป: ปุ่มปุ่มไอคอนไอคอน
• ส่วนประกอบการนำทาง: เมนูเมนูเมนู
• - ส่วนประกอบการป้อนข้อมูล: การเติมข้อความอัตโนมัติอัตโนมัติ, การเลือกแบบเรียงซ้อน, ช่องทำเครื่องหมายหลายกล่องตรวจสอบ, ตัวเลือกวันที่วันที่ตัวเลือกวันที่ระยะเวลาการเลือกช่วงวันที่ตัวเลือกแบบฟอร์มแบบฟอร์ม, กล่องอินพุตอินพุต, อินพุตอินพุต
• - ส่วนประกอบการแสดงข้อมูล: ปฏิทินปฏิทินหน้าแท็บ
• - ส่วนประกอบข้อเสนอแนะ: แถบความคืบหน้าความคืบหน้า
• - ส่วนประกอบเลย์เอาต์: กริด
• - ส่วนประกอบอื่น ๆ : Affix pushpin, การเปลี่ยนแปลง

การเชื่อมโยง

• เว็บไซต์เอกสาร
• ไลบรารีส่วนประกอบ

ผู้พัฒนา

@zhaoyuhang @liwei @wangzijun @yangjiawei @wanyuhui @zhubeijia @Chenxinyi

หากคุณต้องการมีส่วนร่วมในการบริจาคยินดีต้อนรับสู่การดึงคำขอ!