潭酒小程序基础组件库

介绍

本项目是一个基于潭酒【商家小程序】与【业务员小程序】抽离的UI组件库，提供了一系列可复用的UI组件，方便web开发人员快速构建页面。

安装

npm安装：

npm install @xtdev/xt-miniprogram-ui --save

yarn安装：

yarn add @xtdev/xt-miniprogram-ui

构建

在微信开发者工具中找到 工具=>构建npm 执行编译生成小程序专有包

使用

import组件： 以xt-icon和xt-search为例，在app.json或页面配置json中引入

{
    "usingComponents": {
        "xt-icon": "@xtdev/xt-miniprogram-ui/xt-icon",
        "xt-search": "@xtdev/xt-miniprogram-ui/xt-search",
    }
}

使用组件：

<xt-icon icon="zhankai" size="30" />
<xt-search placeholder="请输入搜索网点" bind:onSearch="handSearchSubmit"></xt-search>

开发

安装

npm install

构建

npm run dev

预览

打开小程序开发工具，导入项目。 更改src中源文件，实时更新预览。