
Easyui
ห้องสมุดกลุ่มมินิโปรแกรม WeChat Mini-Program ที่ง่ายและใช้งานง่ายซึ่งห่อหุ้มส่วนประกอบที่ใช้กันทั่วไปในการพัฒนาปรับปรุงประสิทธิภาพการพัฒนาและการบำรุงรักษารหัส ไปไกลกว่าขีด จำกัด ของรหัสหนึ่งบรรทัดและสัมผัสกับวิธีการพัฒนานอกกรอบ การกำหนดค่าเริ่มต้นสามารถตอบสนองความต้องการส่วนใหญ่และในกรณีพิเศษคุณลักษณะที่เกี่ยวข้องสามารถปรับแต่งเพื่อตอบสนองความต้องการ
ส่วนประกอบใด ๆ ในไลบรารีส่วนประกอบสามารถใช้เพียงอย่างเดียวและไม่พึ่งพาส่วนประกอบใด ๆ คุณสามารถเพิ่มส่วนประกอบที่ใช้จริงตามความต้องการทางธุรกิจทำให้แอปเพล็ตของคุณเล็กลงและเล็กลง
Design API และเอกสาร API ตามองค์ประกอบอย่างเป็นทางการซึ่งเป็นเรื่องง่ายมากที่จะเริ่มต้นและเป็นมิตรกับมือใหม่มาก
เวอร์ชันไลบรารีพื้นฐาน
โปรดใช้ห้องสมุดพื้นฐานที่สูงกว่า 1.9.90
วิธีใช้
เปิดโครงการเลือกส่วนประกอบที่ต้องการ (ส่วนประกอบอยู่ในไดเรกทอรีส่วนประกอบ) และคัดลอกโฟลเดอร์ที่มี 4 ไฟล์ของส่วนประกอบลงในโครงการของคุณ
จากนั้นอ้างอิงในรหัสโครงการของคุณ สำหรับคำแนะนำการอ้างอิงโดยละเอียดโปรดตรวจสอบเอกสารโปรแกรมมินิอย่างเป็นทางการ
สแกนรหัสเพื่อดูเอกสาร API

เรียกใช้โครงการ
- ไปที่ไดเรกทอรีรากของโครงการ
- ป้อนเว็บไซต์อย่างเป็นทางการของโหนดเพื่อดาวน์โหลดโหนดและติดตั้ง (โปรดละเว้นขั้นตอนนี้หากติดตั้ง)
- เปิดบรรทัดคำสั่ง (CMD/เทอร์มินัล) ในไดเรกทอรีรูทโครงการและเรียกใช้
npm install ฉันไม่เห็นข้อผิดพลาดในบรรทัดคำสั่งและมีไดเรกทอรี Node_Modules เพิ่มเติมในไดเรกทอรีรากของโครงการ - ใช้เครื่องมือนักพัฒนา WeChat เพื่อเปิดโครงการ (หากเปิดแล้วโปรดละเว้นขั้นตอนนี้)
- คลิกที่มุมซ้ายบนของเครื่องมือนักพัฒนา WeChat เครื่องมือ -> สร้าง NPM พรอมต์คือหลังจากการก่อสร้างเสร็จสมบูรณ์คุณจะเห็นว่ามีไดเรกทอรี miniprogram_NPM เพิ่มเติมในไดเรกทอรีรากของโครงการ
- คลิกปุ่ม "คอมไพล์" ของเครื่องมือนักพัฒนา WeChat และคุณจะเห็นว่าโครงการกำลังทำงานอยู่: หน้าแดง:
ไดเรกทอรีส่วนประกอบ
| ชื่อองค์ประกอบ | เส้นทาง | อธิบาย |
|---|
| icon_button | ส่วนประกอบ/ปุ่ม/icon_button | ปุ่มพร้อมไอคอน |
| base_list | ส่วนประกอบ/รายการ/base_list | รายการรายการที่มีชื่อเรื่องและคำบรรยาย |
| title_view | ส่วนประกอบ/โครงสร้าง/title_view | ดูด้วยชื่อเรื่อง |
| base_button | ส่วนประกอบ/ปุ่ม/base_button | ปุ่ม |
| head_portrait | ส่วนประกอบ/base/head_portrait | อวตาร |
| ค้นหา | ส่วนประกอบ/ฟอร์ม/การค้นหา | รายการรายการที่มีชื่อเรื่องและคำบรรยาย |
| enhance_text | ส่วนประกอบ/base/enhance_text | ข้อความที่ได้รับการปรับปรุง |
| enhance_view | ส่วนประกอบ/base/enhance_view | มุมมองที่ได้รับการปรับปรุง |
| icon_list | ส่วนประกอบ/รายการ/icon_list | รายการไอคอนสามารถตอบสนองความต้องการในรายการส่วนใหญ่ |
| enhance_icon | ส่วนประกอบ/base/enhance_icon | ไอคอนที่ได้รับการปรับปรุงสามารถใช้เพื่อแสดงไอคอนหรือรูปภาพ |
| สินค้า _card | องค์ประกอบ/อาวุโส/goods_card | การ์ดแสดงผลผลิตภัณฑ์ |
| สินค้า _detail | ส่วนประกอบ/อาวุโส/goods_detail | แสดงรายละเอียดผลิตภัณฑ์ |
| suspension_button | ส่วนประกอบ/ปุ่ม/suspension_button | ปุ่มลอย |
| count_button | ส่วนประกอบ/ฟอร์ม/count_button | ปุ่มนับ |
| เป็นโมฆะ | ส่วนประกอบ/อาวุโส/modal | กล่องโมดอล |
| Goods_list | ส่วนประกอบ/รายการ/goods_list | รายการสินค้า |
| แถบด้านข้าง | ส่วนประกอบ/อาวุโส/แถบด้านข้าง | เมนูแถบด้านข้าง |
| enhance_image | ส่วนประกอบ/base/enhance_image | ภาพที่ได้รับการปรับปรุงสามารถใช้ในฉากที่จำเป็นต้องมีภาพพื้นหลัง |
| head_view | ส่วนประกอบ/โครงสร้าง/head_view | ดูด้วยแถบหัวเรื่องส่วนหัว |
| base_card | ส่วนประกอบ/รายการ/base_card | ส่วนประกอบการ์ดพื้นฐาน |
| แท็บ | ส่วนประกอบ/อาวุโส/แท็บ | แท็กบาร์ |
| load_more | ส่วนประกอบ/ฐาน/load_more | โหลดส่วนประกอบมากขึ้น |
| การโหลด | ส่วนประกอบ/ฐาน/การโหลด | กำลังโหลดส่วนประกอบแอนิเมชั่น |
| ป๊อปอัป | ส่วนประกอบ/อาวุโส/ป๊อปอัพ | ส่วนประกอบกล่องป๊อปอัพ |
| หมากฮอส | ส่วนประกอบ/ฟอร์ม/ตัวตรวจสอบ | องค์ประกอบตัวเลือกที่ใช้กันทั่วไปสำหรับการเลือกข้อมูลจำเพาะผลิตภัณฑ์ |
| Progress_bar | ส่วนประกอบ/base/progress_bar | ส่วนประกอบแถบความคืบหน้า |
| ไอคอน | ส่วนประกอบ/ฐาน/ไอคอน | ส่วนประกอบไอคอน |
| การเปลี่ยนแปลง | ส่วนประกอบ/ฐาน/การเปลี่ยนแปลง | ส่วนประกอบเอฟเฟกต์มากเกินไป |
คำอธิบายเวอร์ชัน
v1.3.0 ล่าสุด
- Progress_bar
- ไอคอน
- การเปลี่ยนแปลง
- เพิ่มประสิทธิภาพของแอปเปิล
v1.2.1
- เพิ่มส่วนประกอบ
- Fix & Optimize
- เพิ่มประสิทธิภาพโปรแกรม MINI และเพิ่มหน้าการค้นพบ
- เพิ่มประสิทธิภาพส่วนประกอบ Suspension_Button เพิ่มแอตทริบิวต์ OpENTYPE ให้เข้ากันได้กับสถานการณ์การใช้งานพิเศษของส่วนประกอบปุ่มดั้งเดิม
- เพิ่มประสิทธิภาพส่วนประกอบ Suspension_Button เพิ่มคลาส Custom IMG-CUS ซึ่งสามารถใช้ในสถานการณ์ที่ใช้ไลบรารีไอคอนอาลีบาบา
- เพิ่มประสิทธิภาพส่วนประกอบ ICON_BUTTON และเพิ่มการรองรับสำหรับแอตทริบิวต์แบบฟอร์มและแบบเปิดของส่วนประกอบปุ่มดั้งเดิมของแอปเปิล
- เพิ่มช่องสล็อตที่กำหนดเองที่ด้านล่างของส่วนประกอบ goods_detail
- แก้ไขข้อผิดพลาดที่ส่วนประกอบการโหลดชุดความกว้างและแอตทริบิวต์ความสูงไม่ทำงาน
- แก้ไขข้อผิดพลาดโดยที่แอตทริบิวต์ที่เลือกของส่วนประกอบแท็บแสดงข้อยกเว้นเมื่อใช้อินเตอร์เฟสสำหรับการเชื่อมโยงข้อมูล
- แก้ไขปัญหาสไตล์ของ ICON_BUTTON
- แก้ไขข้อผิดพลาดส่วนประกอบของแท็บที่เกิดจากการอัพเกรดเวอร์ชันไลบรารีพื้นฐาน
- แก้ไขข้อผิดพลาดที่เรียกเหตุการณ์การคลิกเมื่อมีการย้ายส่วนประกอบ susponent_button
- แก้ไขข้อผิดพลาดในคลาส CU ที่กำหนดเองของส่วนประกอบ enhance_image
v1.2.0
- เพิ่มส่วนประกอบ
- Fix & Optimize
- ส่วนประกอบ goods_detail รองรับการแสดงวิดีโอ
- การค้นหาข้อบกพร่องส่วนประกอบค้นหา
v1.1.0
- แท็บ
- load_more
- การโหลด
- ป๊อปอัป
- หมากฮอส
- ปุ่มปิดส่วนประกอบโมดอลรองรับไลบรารีไอคอนอาลีบาบา
- icon_button เพิ่มแอตทริบิวต์ Datacus
- แก้ไขข้อผิดพลาดที่ส่วนประกอบแถบด้านข้างไม่แสดงเมื่อใช้ setData เพื่ออัปเดตข้อมูล
- เพิ่มแอตทริบิวต์ Datacus และแอตทริบิวต์ที่เลือกบนแถบด้านข้าง
- การค้นหาเพิ่มฟังก์ชั่นเหตุการณ์ onclean
- แอตทริบิวต์ Datacus ใหม่
- goods_list เพิ่มแอตทริบิวต์ Datacus
- การเพิ่มประสิทธิภาพส่วนประกอบของแท็บ
- เหตุการณ์การคลิกส่วนประกอบ suspence_button ไม่ได้ทริกเกอร์บั๊กแก้ไข
- แก้ไขปัญหาเค้าโครงข้อความเมื่อส่วนประกอบ Suspension_Button ไม่ได้ใช้ไอคอน
- ส่วนประกอบ goods_detail ได้เพิ่มการคลิกใหม่บนภาพแบนเนอร์เพื่อดูตัวอย่างภาพและการเพิ่มประสิทธิภาพสไตล์
- การแก้ไขข้อผิดพลาดคลาสที่กำหนดเองส่วนประกอบ BASE_LIST
- ส่วนประกอบ ICON_BUTTON ได้เพิ่มเอฟเฟกต์ป้ายซึ่งสามารถตั้งค่าผ่านแอตทริบิวต์ตราและรองรับการใช้ไลบรารีไอคอนอาลีบาบาเพื่อปรับแต่งการตั้งค่าคลาสโดยใช้ CUS-ICON
v1.0.7
- Goods_list
- แถบด้านข้าง
- enhance_image
- head_view
- base_card
- องค์ประกอบการค้นหาได้เพิ่มไอคอนการค้นหาเริ่มต้น
- ส่วนประกอบค้นหาลบไอคอนที่ชัดเจน
- enhance_text รองรับการแนะนำของไอคอนโดยใช้ไลบรารีไอคอนอาลีบาบา (เพิ่มคลาสสไตล์ไอคอน-CUS ที่กำหนดเอง)
- Enhance_icon รองรับการแนะนำไอคอนโดยใช้ไลบรารีไอคอนอาลีบาบา
- Enhance_icon เพิ่มแอตทริบิวต์สี
เกี่ยวกับ
เขียนในตอนท้าย
ก่อนที่จะใช้ส่วนประกอบโปรดตรวจสอบส่วนต่อประสานที่จัดทำโดยส่วนประกอบในรายละเอียด
วิธีการดู: เปิดหน้าการเลือก Applet และคลิกปุ่ม "รายละเอียดคำอธิบาย" ด้านล่างส่วนประกอบที่เกี่ยวข้อง
ซื้อกาแฟหนึ่งถ้วยสำหรับผู้เขียน
