更新记录

1.1.1(2019-07-22)

添加插件使用示例工程,插件包添加全局的uni.scss.

1.1.0(2019-07-18)

更新动态生成小程序码说明(详见pages/hch-poster页面的例子)

查看更多

使用方法(主要看pages/hch-poster页面的例子里面有详细说明)

<hchPoster ref="hchPoster" :canvasFlag.sync="canvasFlag" @cancel="canvasCancel" :posterObj.sync="posterData"/>
<view :hidden="canvasFlag">
    <canvas class="canvas"  canvas-id="myCanvas" ></canvas><!-- 海报 -->
</view>

import hchPoster from '../../wxcomponents/hch-poster/hch-poster.vue'

components:{
    hchPoster,
},

使用方法

createCanvasImageEvn(){
    Object.assign(this.posterData,
    {
        url:'https://img0.zuipin.cn/mp_zuipin/poster/hch-pro.jpg',//商品主图
        icon:'https://img0.zuipin.cn/mp_zuipin/poster/hch-hyj.png',//会员价图标
        title:"诗酒茶系列 武夷大红袍 2018年 花香型中火 一级 体验装 16g",//标题
        discountPrice:"250.00",//折后价格
        orignPrice:"300.00",//原价
        code:'https://img0.zuipin.cn/mp_zuipin/poster/hch-code.png',//小程序码
    })
this.$forceUpdate();//强制渲染数据
setTimeout(()=>{
    this.canvasFlag=false;//显示canvas海报
    this.deliveryFlag = false;//关闭分享弹窗
    this.$refs.hchPoster.createCanvasImage();//调用子组件的方法
},500)
},

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

保存海报的时候会获取获取访问请求

2. 本插件采集的手机端数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问