小程序生成分享商品海报图

标签部分

<!-- 自定义分享选择 -->

<view class="share-select-box"  v-if="share_isShow1" >

<view class="share-s-b">

<view class="item">

<button class="btn-box" open-type="share" hover-class="none"  >

<image class="img" :src="ima_url+'/static/Applets/static/wechatfriend.png' " mode=""></image>

<view class="txt">

微信

<!-- <button class="btn" type="default" open-type="share"  >微信</button> -->

</view>

</button>

</view>

<view class="item"  @click="posterGet()"  >

<!-- <image class="img" src="/static/images/haibao.png" mode=""></image> -->

<image class="img" :src="ima_url+ '/static/Applets/static/images/haibao.png' " mode=""></image>

<view class="txt  txt2 ">

海报

</view>

</view>

</view>

<view class="share-c-b"  @click="shareConcleClick()"  >

取消

</view>

</view>

<!-- 海报展示 -->

<view class="share-select-box"  v-if="share_isShow2" >

<view class="img-box">

<view class="img">

<view class="img-po" >

<!-- v-if="gif_isShow"  @click="test()" -->

<image v-if="gif_isShow"  :src="poster_img"    mode="aspectFill"></image>

<image v-if="!gif_isShow"  :src="poster_img"    mode="scaleToFill"></image>

</view>

<!-- <video class="img-po"  :src="poster_img" controls></video> -->

<!-- <image :src="ima_url+'/static/Applets/static/logo192.jpg' "    mode="scaleToFill"></image> -->

<view class="icon-box">

<image class="icon-img" :src="ima_url+'/static/Applets/static/recall.png' "

@click="closePoster()"  mode="scaleToFill"></image>

</view>

</view>

<view class="txt-btn" @click="savePoster(qrcode)"  >

保存到手机

</view>

</view>

</view>

js部分

onLoad(e)初始化部分   


方法部分

微信小程序分享



获取商品海报图(调用自己后台的接口   获取小程序码以及携带对应的商品id,合成海报图  )




后台接口调用微信小程序获取二维码的接口

小程序海报保存到手机



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容