uniapp自定义tabbar


			
				
				

首页

攻略

发布

排行榜

我的

export default {
		data() {
			return {
				page: getApp().globalData.page,
			}
		}
	}
/* 底部导航栏 */
	.footer {
		width: 100%;
		display: flex;
		justify-content: space-between;
		background-color: #ffffff;
		height: 100rpx;
		position: fixed;
		bottom: 0px;
		align-items: center;
	}

	.list {
		width: 23%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}

	.pages {
		width: 100%;
		text-align: center;
		font-size: 10px;
	}

	.page {
		width: 100%;
		text-align: center;
		color: red;
		font-size: 10px;
	}

	.list image {
		width: 40rpx;
		height: 40rpx;
	}

	.rount {
		width: 120rpx;
		height: 120rpx;
		border-radius: 100px;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 1px 1px 2px 1px #f9f9f9, -1px -1px 2px 1px #f9f9f9;
	}

	.rocket {
		width: 80%;
		height: 6vh;
		margin-bottom: 10rpx;
		transition: all 1s;
	}

	.rockets {
		width: 80%;
		height: 6vh;
		margin-bottom: 200vh;
		transition: all 1s;
	}

	.arount {
		margin-bottom: 90rpx;
		text-align: center;
	}

	.arount p {
		margin-top: 10rpx;
	}

你可能感兴趣的:(uniapp,uni-app,前端)