Boost Your WeChat Mini‑Program Marketing with the wxapp‑market Component Library

Introduction

wxapp‑market is a component library for WeChat mini‑programs that provides ready‑made marketing widgets such as a big wheel, scratch tickets, slot machine, fruit machine, grid card, shake, and gesture lock. It enables rapid development of marketing‑oriented mini‑program pages.

Repository:

https://github.com/o2team/wxapp-market

Features

Modular development using WXML template modules.

Simple API and easy extension.

Supports multiple marketing play styles.

Preview

Components can be previewed in the WeChat Web Developer Tools.

Quick Start

Clone the repository

git clone [email protected]:o2team/wxapp-market.git

Component directory

Big wheel: /components/wheel/ Scratch tickets: /components/scratch/ Slot machine: /components/slotMachine/ Fruit machine: /components/fruitMachine/ Grid card: /components/card/ Shake: /components/shake/ Gesture lock:

/components/lock/

Importing a component (example: big wheel)

WXSS: @import "../../components/wheel/wheel.wxss" WXML: <import src="../../components/wheel/wheel.wxml"/> JS:

import Wheel from "../../components/wheel/wheel.js"

new Wheel(this, {
  areaNumber: 8,      // number of sections
  speed: 16,          // rotation speed
  awardNumber: 2,    // winning section (1‑based)
  mode: 1,            // 1 = pointer rotation, 2 = wheel rotation
  callback: (idx, award) => {
    // executed after spin ends
  }
});

Conclusion

The library lowers the entry barrier for adding marketing interactions to WeChat mini‑programs and is designed for community contributions. Issues and pull requests are welcomed.