封装按钮组件
<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>