当前博客:自制常用UI-悬浮按钮

135 次浏览【转载需注明来源】


让一个组件固定在屏幕的某个位置,而不是这个页面的某个位置,不论页面怎么上下滑动,这个小东西,就是不动

 

页面部分:

<页面>
	<区块>
	      <区块 类名="悬浮按钮">+</区块>
	</区块>
</页面>

我可不是糊弄人啊,添加信息可以搞加号,举报信息可以搞叹号,或者图片框里放个小图片也是可以的,这里页面部分只提供思路

 

接下来是样式部分:

<样式>
	.悬浮按钮{
	    定位: 固定;
	    宽度: 60rpx;
	    高度: 60rpx;
	    右侧: 10%;
	    底部: 10%;
	    背景-颜色: 颜色值-灰色;
	    文本-对齐: 居中;
	    行高: 60rpx;
	    字体-大小: 48rpx;
	    边框-圆角: 30rpx;
	}
</样式>

定位:固定    这玩意能做的事可不少,可以让标签组件在页面固定在某一个位置,但别忘了要给他设置位置, 左侧 右侧 顶部 底部....

 

默认排序
Generic placeholder image
Generic placeholder image
握紧一棵草 Time: 2023-03-21 19:57:44

忘记放图片了 补上


自制常用UI-悬浮按钮