wechat miniprogram dialog

wechat-miniprogram-dialog

ลักษณะเฉพาะ

• เลียนแบบสไตล์หน้าต่างป๊อปอัปอย่างเป็นทางการ
• รองรับการปรับความโปร่งใสของกิริยา
• สนับสนุนการได้รับ Formid
• รองรับการเปิดฟังก์ชั่นความสามารถเปิด WeChat

ดาวน์โหลด

git clone https://github.com/simsir-lin/wechat-miniprogram-dialog.git

สาธิต

1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ WeChat 'Local Mini Program Project - Add Project' และเลือกไดเร็กทอรีโปรเจ็กต์เป็นไดเร็กทอรี miniprogram_dev

ใช้

1. ติดตั้ง

npm install --save wechat-miniprogram-dialog

2. การแนะนำหรือการอัปเดตแต่ละครั้งจะต้องดำเนินการสร้าง npm ของเครื่องมือสำหรับนักพัฒนาก่อน ซึ่งเป็นเอกสาร npm อย่างเป็นทางการของ WeChat
3. เพิ่มในหน้าของคุณ json

 {
  "usingComponents" : {
    "dialog" : "wechat-miniprogram-dialog"
  }
}

4. ส่วนประกอบสามารถนำมาใช้ใน wxml

 < dialog > </ dialog >

การดีบักและการพัฒนา

1. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ WeChat 'Local Mini Program Project - Add Project' และเลือกไดเร็กทอรีโปรเจ็กต์เป็นไดเร็กทอรี miniprogram_dev
2. ติดตั้งการพึ่งพา npm install
3. สร้างคำสั่ง npm run dev
4. สำหรับข้อมูลวิธีใช้เพิ่มเติม โปรดดูเอกสารวิธีใช้

สังเกต

• มินิโปรแกรมไลบรารีพื้นฐานเวอร์ชัน 2.2.1 ขึ้นไป และเครื่องมือสำหรับนักพัฒนา 1.02.1808300 ขึ้นไป

อุปกรณ์ประกอบฉาก

ชื่อ	คำอธิบาย	พิมพ์	ค่าเริ่มต้น
ชื่อ	ชื่อ	สตริง	คำใบ้
ความกว้าง	ความกว้าง	สตริง	650rpx
ความทึบ	ความโปร่งใสของเลเยอร์ Modal	ตัวเลข	0.4
closeOnClickModal	เป็นไปได้ไหมที่จะปิดหน้าต่างป๊อปอัปโดยคลิกที่เลเยอร์โมดอล	บูลีน	เท็จ
แอนิเมชั่น	เปิดภาพเคลื่อนไหว	บูลีน	จริง
ยืนยันข้อความ	ข้อความปุ่มตกลง	สตริง	แน่นอน
ยกเลิกข้อความ	ข้อความปุ่มยกเลิก	สตริง	ยกเลิก
ยืนยันสี	กำหนดสีข้อความของปุ่ม	สตริง	#333333(รองรับ RGBA)
ยกเลิกสี	สีข้อความของปุ่มยกเลิก	สตริง	#999999(รองรับ RGBA)
แสดงยืนยัน	จะแสดงปุ่ม OK หรือไม่	บูลีน	จริง
แสดงยกเลิก	จะแสดงปุ่มยกเลิกหรือไม่	บูลีน	จริง
ยืนยันสีพื้นหลัง	กำหนดสีพื้นหลังของปุ่ม	สตริง	#ffffff(รองรับ RGBA)
ยกเลิกสีพื้นหลัง	ยกเลิกสีพื้นหลังของปุ่ม	สตริง	#ffffff(รองรับ RGBA)
ยืนยันOpenType	หากต้องการตรวจสอบความสามารถในการเปิดปุ่ม WeChat โปรดดูที่ https://developers.weixin.qq.com/miniprogram/dev/component/button.html	สตริง
ยกเลิกOpenType	หากต้องการยกเลิกปุ่มเปิด WeChat โปรดดูที่ https://developers.weixin.qq.com/miniprogram/dev/component/button.html	สตริง
กำลังโหลด	ตรวจสอบว่าปุ่มยืนยันมีไอคอนโหลดอยู่หรือไม่	บูลีน	จริง
รวบรวมFormId	ไม่ว่าจะรวบรวม formId	บูลีน	จริง
พารามิเตอร์ของแอป	เมื่อเปิดแอป พารามิเตอร์ที่ส่งไปยังแอปจะใช้ได้เมื่อ *-open-type="launchApp"	สตริง
เซสชันจาก	แหล่งที่มาของเซสชัน ใช้ได้เมื่อ *-open-type="contact"	สตริง
ตำแหน่ง	ตำแหน่งรวมทั้งกลาง บน ล่าง	สตริง	ศูนย์

เหตุการณ์ต่างๆ

ชื่อ	คำอธิบาย	พารามิเตอร์
เปิด	เมื่อหน้าต่างเปิดขึ้น
ปิด	เมื่อปิดหน้าต่าง
ยกเลิก	คลิกยกเลิก
ยืนยัน	คลิกเพื่อยืนยัน
getFormId	ทำตัวน่ากลัว	event.detail.formId
getuserinfo	เมื่อคลิกปุ่ม ข้อมูลผู้ใช้ที่ได้รับจะถูกส่งคืน ซึ่งใช้ได้เมื่อ *-open-type="getUserInfo"	กิจกรรม.รายละเอียด
ติดต่อ	ข้อความบริการลูกค้าติดต่อกลับ ใช้ได้เมื่อ *-open-type="contact"
รับหมายเลขโทรศัพท์	โทรกลับเพื่อรับหมายเลขโทรศัพท์มือถือของผู้ใช้ ใช้ได้เมื่อ *-open-type="getPhoneNumber"	กิจกรรม.รายละเอียด
การตั้งค่าการเปิด	ถูกเรียกหลังจากเปิดหน้าการตั้งค่าการอนุญาต ใช้ได้เมื่อ *-open-type="openSetting"
เปิดตัวแอป	โทรกลับเมื่อเปิด APP ได้สำเร็จ ใช้ได้เมื่อ *-open-type="launchApp"

มีส่วนช่วย

หากคุณมีความคิดเห็นหรือข้อเสนอแนะที่ดี โปรดแจ้งปัญหากับฉันได้ตามสบาย!