techne

ประกาศสำคัญ

พื้นที่เก็บข้อมูลสาธารณะนี้เป็นแบบอ่านอย่างเดียวและไม่ได้รับการดูแลอีกต่อไป

เทคนิคในโหมดการบำรุงรักษา

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

Hybris Techne เป็นแนวทางการออกแบบและไลบรารีส่วนประกอบสำหรับการออกแบบประสบการณ์ที่ทันสมัยมือถือเป็นครั้งแรกและเป็นศูนย์กลางผู้ใช้เป็นศูนย์กลางบน YAAS

ส่วนประกอบ

ดูหน้านี้สำหรับรายการส่วนประกอบ UI ที่รวมอยู่ในเทคส์ไฮบริส https://techne.yaas.io/components/alerts-errors-notifications.html

การติดตั้ง

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

คุณสามารถติดตั้ง Techne โดยใช้ bower ด้วยคำสั่งต่อไปนี้ในเทอร์มินัลหรือพรอมต์คำสั่ง: bower install hyTechne

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

เทคยังสามารถใช้งานได้เป็นแพ็คเกจ NPM คุณสามารถติดตั้งด้วยคำสั่งต่อไปนี้ในเทอร์มินัลหรือพรอมต์คำสั่ง: npm install techne

เริ่มต้น

สี่ขั้นตอนด่วนในการเริ่มต้น:

• โคลน repo
• ติดตั้งการพึ่งพาโหนด NPM: npm install
• ติดตั้ง Bower Dependencies Bower: bower install
• เริ่มต้น KSS: gulp patchgulpkss
• เรียกใช้ npm: npm start หรือเรียกใช้อึก: gulp
• หากคุณมีการตั้งค่าโฟลเดอร์ที่แตกต่างจาก Bower เริ่มต้นคุณควรแก้ไข config.json เพื่อให้เหมาะกับความต้องการของคุณ

โครงสร้างคืออะไร?

ภายใน repo คุณจะพบไดเรกทอรีและไฟล์ต่อไปนี้:

 ├── src/
│   ├── less
│   ├── icons
│   ├── js
│   └── templates
├── dist/
│   ├── css
│   ├── js
│   ├── fonts
├── docs

คุณต้องการสร้างตัวเองให้น้อยลงหรือไม่?

ไม่มีอะไรง่ายไปกว่านั้น! เพียงแค่รวมสไตล์ของเราไฟล์ที่ไม่มีเช่น: @import "bower_components/hyTechne/src/less/styles"; -

สำคัญ: ไม่มีค่าเริ่มต้นสำหรับชุด @bower-path เป็นสิ่งจำเป็นที่คุณจะกำหนดตัวแปรนี้ในสไตล์ชีทของคุณเองและชี้ไปที่โฟลเดอร์ Bower_Components ของคุณ (ไม่มีเฉือนต่อท้าย)

@bower-path: '../../bower_components';

เหตุผล: เพื่อให้สามารถเขียนทับตัวแปรในเส้นทางนำเข้าได้ตัวแปรยังไม่สามารถกำหนดได้ มิฉะนั้นคอมไพเลอร์ที่น้อยกว่าจะเลือกคำจำกัดความแรกและนั่นก็คือ

อย่าลืมแก้ไขเส้นทางสำหรับแบบอักษรโดยการเขียนทับตัวแปรเส้นทางในการรวมน้อยกว่าหลังจากสไตล์ไม่รวมเช่น:

@import "_resource-paths";

และเพิ่มในไฟล์เช่น:

 // Use this file to point to the right folders
// for correct paths for icon-fonts etc
// icon names much follow a UTF hex naming format

@bootstrap-path: '../../bower_components/bootstrap'; // Path to bootstrap folder
@hytech-path: '../../bower_components/hyTechne'; // Path to hytech folder

หมายเหตุ: เพื่อสร้างรุ่นที่น้อยที่สุดที่น้อยที่สุดคือ 2.3.0