封装按钮组件

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

相关文章

咱们国内现在手机分为两类,Android手机与苹果手机,现在用的...
前言 上一篇做了php的微信登录,所以也总结一下Java的微信授...
前言 上一篇文章写到如何上架IOS应用到Appstore,其中漏掉了...
文件-新建-1.项目 ┌─uniCloud 云空间目录,阿里云为uniClo...
Flexbox #Flex 容器 Flex 是 Flexible Box 的缩写,意为&...
globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景...