成品直播原始碼推薦,uniapp 圖片(二維碼)分享到朋友圈

zhibo系統開發發表於2023-04-14

成品直播原始碼推薦,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 圖片(二維碼)分享到朋友圈, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2945779/,如需轉載,請註明出處,否則將追究法律責任。

相關文章