::-webkit-scrollbar { display: none; /* Chrome Safari */ } .strong{ font-weight: 600 !important; font-size: 30rpx; } .home_container { height: 100%; // overflow-x: hidden; overflow: auto; display: flex; flex-direction: column; .home_guess_container { flex-shrink: 0; .home_guess_title { } .home_guess_item_container { // justify-content: space-around; flex-wrap: wrap; margin-top: 25rpx; } .home_guess_item { width: calc(100% / 2); box-sizing: border-box; padding: 0 15rpx; .home_guess_item_footer { margin: 10rpx 0; } .home_guess_item_name { } } } .home_recommend_container { flex-shrink: 0; .home_recommend_item_container { margin-top: 25rpx; .home_recommend_item { flex-wrap: wrap; margin-bottom: 20rpx; .home_recommend_item_right { width: 115rpx; height: 52rpx; background: #f83d3d; border-radius: 8rpx 8rpx 8rpx 8rpx; opacity: 1; color: #ffffff; font-size: 28rpx; } .home_recommend_item_center { overflow: hidden; .home_recommend_item_item_name { font-size: 26rpx; color: #333333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } } } } } .home_header { flex-shrink: 0; width: 100%; color: #ffffff; font-size: 34rpx; font-weight: 600; } .home_input_container { flex-shrink: 0; width: 690rpx; position: relative; left: 0; right: 0; margin: 0 auto; margin-top: 38rpx; margin-bottom: $uni-spacing-col-lg; } .home_fresh_container { flex-shrink: 0; width: 750rpx; // height: 411rpx; background: #ffffff; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; border-bottom: 4rpx solid #f2f2f2; padding: 25rpx; box-sizing: border-box; font-size: 26rpx; .fresh_title_left { font-size: 28rpx; color: #000000; } .fresh_title_right { color: #999999; font-size: 24rpx; } .home_fresh_item_container { margin-top: 25rpx; overflow-x: auto; .home_fresh_item { &:first-child { margin-left: 0; } margin-left: 10rpx; width: 222rpx; height: 313rpx; .home_fresh_item_img { width: 200rpx; height: 200rpx; overflow: hidden; border-radius: 10rpx; image { width: 100%; } } .home_fresh_item_price { color: #f83d3d; font-size: 28rpx; margin-top: 5rpx; } .home_fresh_item_name { font-size: 26rpx; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } .home_menu_container { flex-shrink: 0; border-bottom: 4rpx solid #f2f2f2; // margin-top: $uni-spacing-col-lg; justify-content: center; /* 分类 */ .menu_section { display: flex; // justify-content: space-around; align-items: center; flex-wrap: wrap; background: #fff; padding-top: $uni-spacing-col-lg; .menu_item { display: flex; flex-direction: column; align-items: center; font-size: 24rpx; color: $font-color-dark; // padding: 0 15rpx ; // margin-right: 40rpx; width: calc(100% / 5); overflow: hidden; margin-bottom: $uni-spacing-col-lg; .name { text-align: center; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } } /* 原图标颜色太深,不想改图了,所以加了透明度 */ image { width: 88rpx; height: 88rpx; margin-bottom: 14rpx; border-radius: 50%; opacity: 0.7; // box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3); } } } .home_swiper_container { width: 690rpx; height: 250rpx; position: relative; left: 0; right: 0; margin: 0 auto; margin-top: 33rpx; border-radius: 20rpx; overflow: hidden; flex-shrink: 0; image { width: 690rpx; height: 250rpx; } .swiper { height: 100%; width: 100%; } } .home_list_container { flex-shrink: 0; flex: 1; background: #ffffff; border-radius: 70rpx 70rpx 0rpx 0rpx; padding: 44rpx 0; box-sizing: border-box; padding-bottom: 0; overflow: hidden; .home_list_header { padding: 0 31rpx; // 输入框 .home_list_header_input { background: #f7f7f7; border-radius: 81rpx; overflow-x: hidden; display: flex; padding: 10rpx 31rpx; .home_list_header_input_icon { margin-right: 10rpx; } input { flex: 1; font-size: 26rpx; // box-sizing: border-box; } } // 选项列表 .home_list_option_list { font-size: 24rpx; margin-top: 41rpx; .home_list_option_list_item { width: 142rpx; height: 40rpx; border-radius: 48rpx 48rpx 48rpx 48rpx; border: 1rpx solid #121836; box-sizing: border-box; color: #121836; } .select_home_list_option_list_item { background-color: #0b1123; color: #ffffff; } } } .home_list { flex: 1; // margin-top: 62rpx; overflow: hidden; ::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; } } } .home_title { flex-shrink: 0; width: 100%; box-sizing: border-box; display: flex; align-items: center; margin-bottom: 32rpx; padding-left: 31rpx; font-size: 26rpx; color: #333333; .home_title_logo { width: 38rpx; height: 38rpx; margin-right: 18rpx; } } } .model_container { width: 750rpx; background: #ffffff; border-radius: 0rpx 0rpx 0rpx 0rpx; opacity: 1; border-bottom: 4rpx solid #f2f2f2; padding: 25rpx; box-sizing: border-box; font-size: 26rpx; .model_item_price { color: #f83d3d; font-size: 28rpx; margin-top: 5rpx; } .model_item_name { font-size: 26rpx; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .model_item_img { width: 200rpx; height: 200rpx; overflow: hidden; border-radius: 10rpx; image { width: 100%; } } .model_title_left { font-size: 28rpx; color: #000000; } .model_title_right { color: #999999; font-size: 24rpx; } }