123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- page{
- position: relative;
- .header{
- width: 100%;
- .shadow{
- position: fixed;
- top: 0;
- color: black;
- width: 100%;
- height: 400rpx;
-
-
- background-image: linear-gradient(#B7D173 , #FFFFFF00);
- display: flex;
- padding: 50rpx 10rpx;
-
-
-
- font-size: 25rpx;
- .addressImg{
- height: 40rpx;
- display: flex;
- align-items: center;
- image{
- width: 30rpx;
- height: 40rpx;
- margin-right: 10rpx;
- }
- .address{
- font-weight: bold;
- }
- }
-
- .title{
- position: fixed;
- left: 50%;
- transform: translateX(-50%);
-
- font-size: 40rpx;
- }
- }
-
- }
- .search{
- position: absolute;
- top: 150rpx;
- left: 50%;
- transform: translateX(-50%);
- width: 685.2rpx;
- height: 72rpx;
- background: white;
- display: flex;
- align-items: center;
- padding: 10rpx;
- border-radius: 60rpx;
- .image{
- width: 50rpx;
- height: 50rpx;
- margin-right: 21rpx;
- image{
- width: 100%;
- height: 100%;
- }
- }
-
- }
- .swiper {
- height: 600rpx;
- .slide-image {
- width: 100%;
- height: 98%;
- }
- }
- }
|