封装按钮组件

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

posted @ 2020-07-21 15:13  南风晚来晚相识  阅读(242)  评论(0)    收藏  举报