src/page/share/components/jianshuShare.vue

（开头部分） 3KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
    <div class="shareArea cflex">
		<p class="shareTitle">分享组件三：仿简书底部分享</p>
		<div class="bottom cflex">
			<ul class="shareUl rflex wflex">
				<li>
					<div class="item" @click="shareToWeixin()">
						<icon-svg icon-class="iconwechat" />
					</div>
				</li>
				<li>
					<div class="item" @click="shareToWeibo()">
						<icon-svg icon-class="iconweibo" />
					</div>
				</li>
				<li>
					<div class="item" @click="shareToQQ()">
						<icon-svg icon-class="iconqq" />
					</div>
				</li>
				<li>
					<el-button class="moreBtn" v-popover:moreShareList>
						更多分享
						<el-popover
							ref="moreShareList"
							popper-class="moreShareList"
							placement="top"
							trigger="click">
								<div>
									<ul class="cflex">
										<a href="#" @click="shareToQQzone()">
											<li>
												<icon-svg icon-class="iconqq_zone" />
												<span>分享到QQ空间</span>
											</li>
										</a>
										<a href="#" @click="shareToDouban()">
											<li>
												<icon-svg icon-class="icondouban" />
												<span>分享到豆瓣</span>
											</li>
										</a>
										<a href="#">
											<li>
												<icon-svg icon-class="icontwitter" />
												<span>分享到Witter</span>
											</li>
										</a>
										<a href="#">
											<li>
												<icon-svg icon-class="iconfacebook" />
												<span>分享到Facebook</span>
											</li>
										</a>
										<a href="#">
											<li>
												<icon-svg icon-class="icongoogle" />
												<span>分享到Google</span>
											</li>
										</a>
后面还有 131 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。