# mini-pro

**Repository Path**: jiangjingmin/mini-pro

## Basic Information

- **Project Name**: mini-pro
- **Description**: 小程序demo
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-09-09
- **Last Updated**: 2021-08-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mini-pro

小程序demo

### DemoList

- [x] 2019-11-14 mini_gyroscope: 图片陀螺仪效果
- [x] 2019-09-09 mini_movable: 左滑删除
- [x] 2019-09-09 mini_table_fixed: 表格固定列效果
- [x] 2019-09-09 mini_json2poster: 一个json生成canvas海报

### 功能

- [x] [share: 分享](#share)
- [x] [wxml-to-canvas: 小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分享图等场景](#wxmlToCanvas)
- [x] [file-uploader: 大文件上传](#fileUploader)

### 组件

- [x] [swiper: 轮播（支持 video）](#swiper)
- [x] [video-swiper: 视频滑动切换组件](#videoSwiper)

<br />
<span id="share" />

#### 关于分享到朋友圈 Beta

- [分享到朋友圈](https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html)
- [参考](https://developers.weixin.qq.com/community/develop/article/doc/000246d81bc35025e19a814735a413)

小程序分享到朋友圈

> 从基础库 2.11.3 开始支持
> 支持平台：Android

主动设置“分享到朋友圈”：

1. 首先，页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档
2. 满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档

满足上述两个条件的页面，可被分享到朋友圈。

限制：

1. 支持平台：Android
2. 不支持点击按钮“分享到朋友圈”
3. 用户在朋友圈打开分享的小程序页面，并不会真正打开小程序，而是进入一个“小程序单页模式”的页面
4. 本接口为 Beta 版本，暂只在 Android 平台支持

<span id="wxmlToCanvas" />

#### 生成分享图

- [wxml-to-canvas](https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/wxml-to-canvas.html)

<span id="swiper" />

#### swiper

- [swiper](https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html)

<span id="videoSwiper" />

#### video-swiper

- [video-swiper](https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/video-swiper.html)

可实现类似微视无限视频列表效果

使用限制：

- 至少要有3个视频
- 只能纵向滑动
- 视频默认海报等不可配置

<span id="fileUploader" />

#### 大文件上传库

- [miniprogram-file-uploader](https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/uploader.html)

注意事项：测试 `file-uploader` 时，需单独打开此文件，因为涉及到 `server` 文件夹下的 `uploads` 储存文件，文件改变，小程序开发工具会自动刷新