uniapp分享

最新推荐文章于 2025-07-10 10:58:02 发布

原创

最新推荐文章于 2025-07-10 10:58:02 发布 · 3.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp #分享

本文将探讨uniapp的使用体验和技巧，包括其跨平台开发的优势、组件库的应用以及实际项目中遇到的问题和解决方案，旨在为开发者提供有价值的分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
	<view>
		<page-head :title="title"></page-head>
		<view class="uni-padding-wrap"> 
			<view class="uni-title">分享内容</view>
			<view class="uni-textarea">
				<textarea class="textarea" v-model="shareText" />
			</view>
			<view class="uni-title">分享图片：</view>
			<view class="uni-uploader" style="padding:15upx; background:#FFF;">
				<view class="uni-uploader__input-box" v-if="!image" @tap="chooseImage"></view>
				<image class="uni-uploader__img" v-if="image" :src="image"></image>
			</view>
			<!-- #ifdef APP-PLUS -->
			<view class="uni-title">分享类型：</view>
			<view>
				<radio-group @change="radioChange">
					<label class="radio">
						<radio value="1" checked="true"/>文字
					</label>
					<label class="radio">
						<radio value="2" />图片
					</label>
					<label class="radio">
						<radio value="0" />图文
					</label>
					<label class="radio">
						<radio value="5" />小程序
					</label>
				</radio-group>
			</view>
			<view class="uni-btn-v uni-common-mt" v-if="providerList.length > 0">
				<block v-for="(value,index) in providerList" :key="index">
					<button type="primary" v-if="value" :disabled="shareType === 5 && value.name !== '分享到微信好友'" @tap="share(value)">{