iview weapp

iView Weapp

ชุดไลบรารีส่วนประกอบ UI โปรแกรมขนาดเล็ก WeChat คุณภาพสูง

เอกสาร

http://inmap.talkingdata.com/wx/index_prod.html

ประสบการณ์

ตัวอย่างการใช้การสแกน WeChat เพื่อสัมผัสประสบการณ์ส่วนประกอบของมินิโปรแกรม

เริ่มต้นได้อย่างรวดเร็ว

ก่อนใช้งาน

ก่อนที่จะเริ่มใช้ iView Weapp คุณต้องอ่านเอกสารที่เกี่ยวข้องของส่วนประกอบที่กำหนดเองของแอปเพล็ต WeChat

วิธีใช้

ไปที่ GitHub เพื่อดาวน์โหลดโค้ดของ iView Weapp และคัดลอกไดเร็กทอรี dist ไปยังโปรเจ็กต์ของคุณ จากนั้นใช้ส่วนประกอบดังต่อไปนี้ โดยใช้ปุ่มเป็นตัวอย่าง และดูส่วนประกอบอื่นๆ ในหน้าเอกสารประกอบที่เกี่ยวข้อง:

1. เพิ่มส่วนประกอบที่จำเป็น กำหนดค่าใน json ของเพจ (เส้นทางได้รับการกำหนดค่าตามที่ตั้งโปรเจ็กต์ของคุณเอง):

 "usingComponents" : {
    "i-button" : " ../../dist/button/index "
}

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

 < i-button type =" primary " bind:click =" handleClick " >这是一个按钮</ i-button >

ดูตัวอย่างส่วนประกอบทั้งหมด

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

 # 从 GitHub 下载后，安装依赖
npm install

# 编译组件
npm run dev

จากนั้น เปิดไดเร็กทอรี examples ในเครื่องมือสำหรับนักพัฒนา WeChat

ใบอนุญาต

เอ็มไอที

ลิขสิทธิ์ (c) 2018-ปัจจุบัน TalkingData