码迷,mamicode.com
首页 > 其他好文 > 详细

封装按钮组件

时间:2020-07-21 21:39:46      阅读:53      评论:0      收藏:0      [点我收藏+]

标签:pre   rip   port   def   loading   enter   组件   alt   --   

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

技术图片

封装按钮组件

标签:pre   rip   port   def   loading   enter   组件   alt   --   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!