|
@@ -0,0 +1,42 @@
|
|
|
|
|
+.head {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ z-index: 9;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: space-around;
|
|
|
|
|
+ width: 100vw;
|
|
|
|
|
+ height: 100rpx;
|
|
|
|
|
+ background-color: #fff;
|
|
|
|
|
+ padding: 0 10rpx;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
|
|
+ box-shadow: rgba(0, 0, 0, 0.08) 0px 4rpx 12rpx;
|
|
|
|
|
+
|
|
|
|
|
+ .item {
|
|
|
|
|
+ width: 200rpx;
|
|
|
|
|
+ height: 58rpx;
|
|
|
|
|
+ line-height: 58rpx;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ background: #F6F6F6;
|
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ font-family: PingFang SC-Regular, PingFang SC;
|
|
|
|
|
+ color: #999999;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .active {
|
|
|
|
|
+ background-color: #3874F6 !important;
|
|
|
|
|
+ color: #fff !important;
|
|
|
|
|
+ transform: background-color 0.3s;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .filter {
|
|
|
|
|
+ width: 58rpx;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+
|
|
|
|
|
+ .iconfont {
|
|
|
|
|
+ color: #999999;
|
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
