封装按钮组件

<template>
	<view>
		<!-- 封装一个添加按钮 -->
		<view class="cricle-view">
			<text class="add-sym">+</text>
		</view>
		
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped="less">
.cricle-view{
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
	background: #007fff;
	text-align: center;
	line-height: 100rpx;
	position: fixed;
	right: 40rpx;
	bottom: 100rpx;
}
.add-sym{
	color: #fff;
	font-size: 40rpx;
}
</style>

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...