Vant Aliapp

หมายเหตุ: คลังสินค้าถูกปิดตัวลง

หากคุณกำลังมองหาทางเลือกอื่นขอแนะนำให้ใช้เวอร์ชันแอปเพล็ตอย่างเป็นทางการที่จัดทำโดยเจ้าหน้าที่

---

ไลบรารีส่วนประกอบ UI ของแอปเพล็กน้ำหนักเบาและเชื่อถือได้

แนะนำ

Vant Aliapp เป็น Alipay Applet เวอร์ชันของห้องสมุด Mobile Vue Component ของ Vant ทั้งสองขึ้นอยู่กับข้อกำหนดด้านภาพเดียวกันและให้อินเทอร์เฟซ API ที่สอดคล้องกันเพื่อช่วยให้นักพัฒนาสร้างแอปพลิเคชันแอปเปิ้ลได้อย่างรวดเร็ว

Vant Aliapp ได้รับผ่านตัวแปลงแอปเพล็ต Antmove ตามการแปลง Vant-Weapp และได้ทำการปรับการปรับตัวที่เข้ากันได้เล็กน้อย

ดูตัวอย่าง

Alipay สแกนรหัส QR ของโปรแกรม MINI ด้านล่างเพื่อสัมผัสกับตัวอย่างไลบรารีส่วนประกอบ:

ก่อนใช้

ก่อนที่คุณจะเริ่มใช้ Vant Aliapp คุณต้องอ่านเอกสารที่เกี่ยวข้องสำหรับส่วนประกอบที่กำหนดเองของ Alipay Applet

NPM

• Aliipay
• เล็บ

ติดตั้ง

ติดตั้งและใช้งานผ่าน NPM (แนะนำ)

• ติดตั้งผ่าน NPM

npm i vant-aliapp -S --production

• ติดตั้งผ่านเส้นด้าย

yarn add vant-aliapp --production

NPM ใช้ตัวอย่าง (vant-alipay-area)

ดาวน์โหลดรหัสที่จะใช้

ดาวน์โหลดซอร์สโค้ด Vant Aliapp โดยตรงผ่าน GIT และคัดลอกไดเรกทอรี alipay/npm ไปยังโครงการของคุณเอง

git clone https://github.com/ant-move/Vant-Aliapp.git

ส่วนประกอบการใช้งาน

เพิ่มรหัสต่อไปนี้ใน app.js

 import 'vant-aliapp/dist/__antmove/component/componentClass.js'

การใช้ส่วนประกอบปุ่มเป็นตัวอย่างคุณจะต้องแนะนำส่วนประกอบที่กำหนดเองที่สอดคล้องกับปุ่มในไฟล์ JSON เท่านั้น

{
  "usingComponents" : {
    "van-button" : " /path/to/vant-app/dist/button/index "
  }
}

ที่อยู่ NPM: vant-aliapp/dist/dist/button/index

จากนั้นคุณสามารถใช้ส่วนประกอบได้โดยตรงใน axml

 < van-button type =" primary " >按钮</ van-button > 

ดูตัวอย่างในเครื่องมือนักพัฒนาซอฟต์แวร์

ดาวน์โหลดโครงการนี้ในเครื่องใช้ Alipay IDE เพื่อเปิด alipay/vant-app , ติดตั้งการอ้างอิงแล้วดูตัวอย่าง

เมื่อดูตัวอย่างโปรดเปิดใช้งาน component2 Compilation ในการตั้งค่ารายละเอียดโครงการ สำหรับรายละเอียดโปรดดูคำแนะนำเกี่ยวกับส่วนประกอบที่กำหนดเองของ Alipay Applet

สิ่งที่ควรทราบ

• เมื่อคุณแนะนำไลบรารีส่วนประกอบ Vant-Aliapp ลงในโครงการของคุณและ Runtime 'Identifi (อาร์กิวเมนต์) จะถูกปิดใช้งานในข้อผิดพลาดของ SJS คุณสามารถยกเลิกรายละเอียดอินเตอร์เฟส IDE> เปิดใช้งานเครื่องหมายถูกสำหรับ Library 2.0 Build เพื่อแก้ไขปัญหา
• วิธีแก้ปัญหาในการใช้ช่องทำเครื่องหมายของ Vant, การล่มสลาย, dropdown-menu, สินค้า-แอ็คชั่น, กริด, วิทยุ, แท็บ, แท็บบาร์, ดัชนี-บาร์, แถบด้านข้างและส่วนประกอบอื่น ๆ ใน Alipay ทำตามขั้นตอนต่อไปนี้:
  1. NPM ดาวน์โหลดเครื่องมือบรรทัดคำสั่ง Antmove

  npm ติดตั้ง antmove -g

  2. ในไดเรกทอรีรูทโปรเจ็กต์ของคุณใช้ Alipay-compiler เพื่อแปลงโครงการ

  Antmove -t Alipay -Compiler

  3. โปรแกรม Aliipay Mini ที่แปลงแล้วสามารถรองรับส่วนประกอบข้างต้นได้
• หากคุณแนะนำองค์ประกอบและพบว่าการแสดงผลล้มเหลวคุณสามารถอ้างถึงตัวอย่างในตัวอย่างเพื่อเลียนแบบ หากคุณมีคำถามใด ๆ คุณสามารถสแกนรหัส QR dingding ด้านล่างเพื่อติดต่อเรา

เชื่อมต่อ

หากคุณพบปัญหาระหว่างการใช้งานคุณสามารถขอความช่วยเหลือผ่านวิธีการดังต่อไปนี้

• กลุ่มสื่อสาร dingtalk:
• อีเมล: [email protected]

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

• อัพเดทบันทึก
• ข้อเสนอแนะ

โปรโตคอลโอเพ่นซอร์ส

โครงการนี้ขึ้นอยู่กับโปรโตคอล MIT โปรดเพลิดเพลินและมีส่วนร่วมในโอเพ่นซอร์สอย่างอิสระ

ปลื้มปีติ

ต้องขอบคุณทีม Vant สำหรับการบริจาคให้กับ Vant-Weapp โครงการนี้จะถูกแปลงตาม Vant-Weapp และได้รับการดัดแปลงและเข้ากันได้กับแพลตฟอร์มโปรแกรม Alipay Mini