duantuihe/components/tabBar/index.scss

.tab-bar {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		padding-top: 10rpx;
		padding-bottom: calc(10rpx + constant(safe-area-inset-bottom));
		padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
		background-color: #fff;
		
		// background-color: red;
		
		box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05);
		border-radius: 40rpx 40rpx 0 0;
		z-index:9;

		.content {
			display: flex;
			// .one-tab_a{
			// 	background: red;
			// }
			.one-tab {
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 50%;
				
				.tabItem{
					// background: red;
					width: 100rpx;
					display: flex;
					justify-content: center;
					flex-direction:column;
					align-items: center;
					position: relative;
					// background: red;
					
					.tabItem_c{
						background: #fff;
						width: 100rpx;
						height: 100rpx;
						position: absolute;
						border-radius: 50%;
						transform: translateY(-30%);
						z-index: 1;
						
						// display: flex;
						// justify-content: center;
						// align-items: center;
						// box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05);
					}
				}
				.tab-img {
					width: 50rpx;
					height: 50rpx;
					// background: red;

					.img {
						width: 100%;
						height: 100%;
						position: relative;
						z-index: 9;
					}
					// .aw{
					// 	width: 95%!important;
					// }
				}

				.tit {
					font-size: 30rpx;
					transform: scale(0.7);
					position: relative;
					z-index: 9;
				}

				.selectTexts {
					color:#007AFF;
				}

				.texts {
					color: block;
				}
			}
		}
	}