wx-mall-components

微信小程序商城组件库

启动

# 安装&开发阶段
npm install (cnpm install)
npm run start

# 小程序调试阶段
打开“小程序开发者工具”，选择“导入项目”，选中 dist 目录

# 项目分析脚本启动
## 分析项目图片引入路径
npm run analyse-image 
## 分析项目页面组件引入路径
npm run analyse-component

目录

wx-mall-components 微信小程序商城组件库

./dist  # 编译后的小程序文件目录存放路径

./shell # 项目分析脚本目录
├── config  # 脚本配置入口
├── csv  # 导出csv分析文件
├── script  # 脚本
└── tool  # 工具代码

./src  # 源代码目录
├── app.js
├── app.json
├── components  # 组件存放路径
│   ├── card-swiper
│   │   ├── card-swiper.js
│   │   ├── card-swiper.json
│   │   ├── card-swiper.pug
│   │   └── card-swiper.styl
│   ├── date-picker
│   ├── dropdown-select
│   ├── form-input
│   ├── search
│   └── toast
├── images
├── node_modules
├── package.json
├── pages  # 页面存放路径
│   ├── cardSwiperPage
│   │   ├── cardSwiperPage.js
│   │   ├── cardSwiperPage.json
│   │   ├── cardSwiperPage.pug
│   │   ├── cardSwiperPage.styl
│   │   └── doc.js   # 组件说明文档
│   ├── datePickerPage
│   ├── dropdownSelectPage
│   ├── index
│   ├── inputPage
│   ├── richTextPage
│   ├── searchPage
│   └── toastPage
├── sitemap.json
├── styles  # 公用样式
│   ├── define.styl
│   ├── flex.styl
│   ├── framework.styl
│   ├── normal.styl
│   └── plugin.styl
└── templates  # 公用模板文件
    └── pageHead.pug

小程序码体验