|
|
@@ -67,15 +67,37 @@ function getFlagSrc(code: string) {
|
|
|
:deep(.cwg-dropdown-menu-container) {
|
|
|
left: px2rpx(-40) !important;
|
|
|
right: px2rpx(0) !important;
|
|
|
+ .menu{
|
|
|
+ max-height: 80vh;
|
|
|
+ overflow-y: scroll;
|
|
|
+ //scrollbar-width: thin;
|
|
|
+ /* 强制显示滚动条并美化 */
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ width: 4px !important;
|
|
|
+ height: 4px !important;
|
|
|
+ display: block !important;
|
|
|
+ /* 强制在某些webkit浏览器中显示 */
|
|
|
+ background-color:yellow !important;
|
|
|
+ }
|
|
|
+ &::-webkit-scrollbar-track {
|
|
|
+ background-color: #faf3f3;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::-webkit-scrollbar-thumb {
|
|
|
+ background-color:#6a6a6a;
|
|
|
+ border-radius: 4px;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background-color: #6a6a6a;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
@media screen and (max-width: 991px) {
|
|
|
:deep(.cwg-dropdown-menu-container) {
|
|
|
right: px2rpx(-20) !important;
|
|
|
- .menu{
|
|
|
- max-height: 70vh;
|
|
|
- overflow-y: scroll;
|
|
|
- scrollbar-width: thin;
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
@media screen and (max-width: 768px) {
|