成品直播源码推荐,uniapp 图片(二维码)分享到朋友圈
成品直播源码推荐,uniapp 图片(二维码)分享到朋友圈
HTML
<!-- 分享朋友圈 -->
<view class="sharecontent" v-if="shareflag">
<view id="sharetop" class="sharetop">
<view style="position:relative;">
<image class="canvas-draw" style="width:668rpx;height:812rpx ;" :src="picinfo.bg" data-type="image"
:data-url="picinfo.bg"></image>
<rich-text style="position:absolute;top:120rpx;left:40rpx;" :nodes="richNodes"></rich-text>
</view>
<view style="box-sizing:border-box;min-height:150rpx;">
<view style="font-size:31rpx;width:calc(100% - 150rpx)" data-type="text"
:data-text="`我刚报名了${picinfo.school},快来看看吧`" class="canvas-draw">
我刚报名了{{picinfo.school}},快来看看吧
</view>
<image style="width:150rpx;height:150rpx;" data-type="image" :data-url="picinfo.codeimg"
class="canvas-draw" :src="picinfo.codeimg"></image>
</view>
<view style="font-size:25rpx;" data-type="text" data-text="长按图片识别二维码,了解本校" class="canvas-draw">
长按图片识别二维码,了解本校</view>
</view>
<view class="sharebottom">
<view @click="changeImage" class="">
<image src="../../static/share_haibao_0.png" mode="aspectFit"></image>
<view>更换图片</view>
</view>
<view @click="handleSaveToAlbum">
<image src="../../static/share_haibao_3.png" mode="aspectFit"></image>
<view>保存到相册</view>
</view>
</view>
<view style="position:absolute;right:0;top:50upx;">
<image src="../../static/pic868.png" mode="" style="width: 100upx;height: 100upx;" @click="close">
</image>
</view>
</view>
<canvas style="width: 668rpx; height: 1032rpx;position:fixed;top:-2000rpx;z-index:-1;"
canvas-id="canvas"></canvas>
以上就是成品直播源码推荐,uniapp 图片(二维码)分享到朋友圈, 更多内容欢迎关注之后的文章