feat(web): 订票地图升级为静态SVG并叠加动态坐标交互；完善断点支持
This commit is contained in:
@@ -4485,3 +4485,41 @@ body.jr-admin-login-page {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/ * S t a t i c M a p O v e r l a y s * /
|
||||
. m a p - s t a t i o n - o v e r l a y {
|
||||
z - i n d e x : 1 0 ;
|
||||
}
|
||||
. m a p - s t a t i o n - o v e r l a y . s t a t i o n - h o t s p o t {
|
||||
w i d t h : 2 4 p x ;
|
||||
h e i g h t : 2 4 p x ;
|
||||
b o r d e r - r a d i u s : 5 0 % ;
|
||||
b a c k g r o u n d - c o l o r : t r a n s p a r e n t ;
|
||||
b o r d e r : 3 p x s o l i d t r a n s p a r e n t ;
|
||||
t r a n s i t i o n : a l l 0 . 2 s e a s e ;
|
||||
}
|
||||
. m a p - s t a t i o n - o v e r l a y : h o v e r . s t a t i o n - h o t s p o t {
|
||||
b a c k g r o u n d - c o l o r : r g b a ( 2 5 5 , 2 5 5 , 2 5 5 , 0 . 5 ) ;
|
||||
b o r d e r - c o l o r : r g b a ( 5 9 , 1 3 0 , 2 4 6 , 0 . 8 ) ;
|
||||
b o x - s h a d o w : 0 0 8 p x r g b a ( 0 , 0 , 0 , 0 . 3 ) ;
|
||||
}
|
||||
. m a p - s t a t i o n - o v e r l a y . s t a r t . s t a t i o n - h o t s p o t {
|
||||
b a c k g r o u n d - c o l o r : v a r ( - - s u c c e s s ) ;
|
||||
b o r d e r - c o l o r : w h i t e ;
|
||||
b o x - s h a d o w : 0 0 0 2 p x v a r ( - - s u c c e s s ) ;
|
||||
}
|
||||
. m a p - s t a t i o n - o v e r l a y . e n d . s t a t i o n - h o t s p o t {
|
||||
b a c k g r o u n d - c o l o r : v a r ( - - d a n g e r ) ;
|
||||
b o r d e r - c o l o r : w h i t e ;
|
||||
b o x - s h a d o w : 0 0 0 2 p x v a r ( - - d a n g e r ) ;
|
||||
}
|
||||
. m a p - s t a t i o n - o v e r l a y . r o u t e . s t a t i o n - h o t s p o t {
|
||||
b a c k g r o u n d - c o l o r : v a r ( - - p r i m a r y ) ;
|
||||
b o r d e r - c o l o r : w h i t e ;
|
||||
}
|
||||
. m a p - s t a t i o n - o v e r l a y . r o u t e - t r a n s f e r . s t a t i o n - h o t s p o t {
|
||||
b a c k g r o u n d - c o l o r : v a r ( - - w a r n i n g ) ;
|
||||
b o r d e r - c o l o r : w h i t e ;
|
||||
}
|
||||
␍
|
||||
|
||||
Reference in New Issue
Block a user