封装按钮组件

<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{
	 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>

原文地址:https://www.cnblogs.com/IwishIcould/p/13355204.html