shouye

src/assets/css/mui.min.css

@@ -221,7 +221,7 @@ th {
 
 body {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	font-size: 17px;
+	font-size: 12px;
 	line-height: 21px;
 	color: #333;
 	background-color: #eee;
@@ -425,42 +425,41 @@ h6 {
 
 .mui-h1,
 h1 {
-	font-size: 36px
+	font-size: 24px
 }
 
 .mui-h2,
 h2 {
-	font-size: 30px
+	font-size: 18px
 }
 
 .mui-h3,
 h3 {
-	font-size: 24px
+	font-size: 16px
 }
 
 .mui-h4,
 h4 {
-	font-size: 18px
+	font-size: 14px;
+	font-weight: initial;
 }
 
 .mui-h5,
 h5 {
-	font-size: 14px;
-	font-weight: 400;
-	color: #8f8f94
+	font-size: 12px;
+	font-weight: initial;
 }
 
 .mui-h6,
 h6 {
-	font-size: 12px;
-	font-weight: 400;
+	font-size: 11px;
+	font-weight: initial;
 	color: #8f8f94
 }
 
 p {
-	font-size: 14px;
-	margin-top: 0;
-	margin-bottom: 10px;
+	font-size: 12px;
+	margin: 0;
 	color: #666
 }
 
@@ -943,7 +942,7 @@ button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
-	font-size: 14px;
+	font-size: 12px;
 	font-weight: 400;
 	line-height: 1.42;
 	position: relative;
@@ -1241,7 +1240,7 @@ input[type=submit]:enabled:active {
 	padding-right: 10px;
 	padding-left: 10px;
 	border-bottom: 0;
-	background-color: #3385FF;
+	background-color: #ffffff;
 	-webkit-backface-visibility: hidden;
 	backface-visibility: hidden
 }
@@ -1318,7 +1317,7 @@ input[type=submit]:enabled:active {
 	padding: 0;
 	text-align: center;
 	white-space: nowrap;
-	color: #ffffff
+	color: #333
 }
 
 .mui-title a {
@@ -1334,7 +1333,10 @@ input[type=submit]:enabled:active {
 	table-layout: fixed;
 	border-top: 0;
 	border-bottom: 0;
-	-webkit-touch-callout: none
+	-webkit-touch-callout: none;
+	background: #ffffff;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+    box-shadow: 0 1px 6px #ccc;
 }
 
 .mui-bar-tab .mui-tab-item {
@@ -1346,11 +1348,12 @@ input[type=submit]:enabled:active {
 	vertical-align: middle;
 	white-space: nowrap;
 	text-overflow: ellipsis;
-	color: #ffffff
+	color: #666
 }
 
-.mui-bar-tab .mui-tab-item.mui-active {
-	color: #ffffff
+.mui-bar-tab .mui-tab-item.mui-active,
+.mui-bar .mui-active .mui-icon {
+	color: #3385FF
 }
 
 .mui-bar-tab .mui-tab-item .mui-icon {
@@ -1362,7 +1365,7 @@ input[type=submit]:enabled:active {
 }
 
 .mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label {
-	font-size: 14px;
+	font-size: 12px;
 	display: block;
 	overflow: hidden;
 	text-overflow: ellipsis
@@ -1445,7 +1448,7 @@ input[type=submit]:enabled:active {
 	z-index: 20;
 	padding-top: 10px;
 	padding-bottom: 10px;
-	color: #ffffff;
+	color: #888888;
 }
 
 .mui-bar .mui-icon:active {
@@ -2067,11 +2070,12 @@ input[type=submit]:enabled:active {
 }
 
 .mui-table-view .mui-media-object {
-	line-height: 42px;
-	max-width: 42px;
-	height: 42px;
+	line-height: 46px;
+	max-width: 46px;
+	height: 46px;
 	display: flex;
     align-items: center;
+    border-radius: 4px;
 }
 
 .mui-table-view .mui-media-object.mui-pull-left {
@@ -2309,7 +2313,7 @@ input[type=submit]:enabled:active {
 	padding: 0;
 	border-top: 1px solid #eee;
 	border-left: 1px solid #eee;
-	background-color: #f2f2f2
+	background-color: #ffffff
 }
 
 .mui-grid-view.mui-grid-9:after,
@@ -2325,10 +2329,8 @@ input[type=submit]:enabled:active {
 
 .mui-grid-view.mui-grid-9 .mui-table-view-cell {
 	margin: 0;
-	padding: 11px 15px;
+	padding: 0 15px;
 	vertical-align: top;
-	border-right: 1px solid #eee;
-	border-bottom: 1px solid #eee
 }
 
 .mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {

src/assets/css/xpgj.css

@@ -1,9 +1,214 @@
+.color-yellow{
+	color:#FFA700
+}
+.flew-sp{
+	display: flex;
+	justify-content: space-between;
+}
+.flew-items,
+.vongi-me-list .mui-table-view-cell>a:not(.mui-btn){
+	display: flex;
+	align-items: center;
+}
+.margin49{
+	margin-bottom:49px
+}
 .mui-grid-view.mui-grid-9.vongi-grid-head{
 	background:#3385FF
 }
 .mui-grid-view.mui-grid-9.vongi-grid-head .mui-media{
 	color:#ffffff
 }
-.mui-grid-view.mui-grid-9.vongi-grid-head .mui-table-view-cell{
+.mui-grid-view.mui-grid-9.vongi-grid-head .mui-table-view-cell,
+.mui-grid-view.mui-grid-9.vongi-grid-head{
+	border:0
+}
+.vongi-icons .mui-grid-view li img{
+	padding: 10px;
+    width: 48px;
+    display: flex;
+    margin: 0 auto;
+}
+.vongi-index-floor{
+	background:#ffffff;
+	padding:10px
+}
+.vongi-floor-title{
+	position:relative;
+	padding:10px 0 10px 10px;
+	margin:0 5px
+}
+.vongi-floor-title:after{
+	content: "";
+	position:absolute;
+	left:0;
+	width:3px;
+	height:12px;
+	top:50%;
+	margin-top:-6px;
+	background:#3385FF
+}
+.vongi-floor-padded{
+	display: flex;
+    align-items: center;
+    border:1px #eee solid;
+    justify-content: space-between;
+    padding:5px 10px;
+    border-radius: 7px; 
+   
+}
+.vongi-index-inter {
+	flex-wrap: wrap;
+}
+.vongi-index-inter .mui-col-xs-6,
+.vongi-index-inter .mui-col-xs-12{
+	padding:5px
+}
+.mui-col-xs-12 .vongi-floor-padded{
+	display:block;
+}
+.text-list{
+	position:relative;
+	color:#333;
+	display: flex;
+	width:90%;
+	padding:3px 10px;
+	align-items: center;
+}
+.text-list:after{
+	content: "";
+	position:absolute;
+	left:0;
+	
+	background:#333;
+	width:3px;
+	height:3px;
+	border-radius: 1.5px;
+	top:50%;
+	margin-top:-1.5px
+}
+.text-list span{
+	color:#666;
+	margin-left:10px
+}
+.text-list h5{
+	max-width:70%
+}
+.vongi-index-inter .vongi-link{
+	position:absolute;
+	right:15px;
+	top:50%;
+	margin-top:-10.5px;
+	color:#666
+}
+.vongi-index-inter .mui-col-xs-12 {
+	position:relative
+}
+.vongi-index-inter .mui-slider{
+	padding:5px;
+		    
+}
+.vongi-index-inter .mui-slider .mui-slider-item{
+	height: 84px;
+	border-radius: 7px;
+    overflow: hidden;
+}
+.vongi-index-inter ul li .mui-media-body{
+	text-align: left;
+}
+.vongi-shop-img{
+	height:100px;
+	width:100%;
+	overflow: hidden;
+	display: flex;
+	margin-bottom:10px
+}
+.vongi-shop-img{
+	width:100%;
+	object-fit: cover;
+}
+.vongi-news .mui-table-view-cell{
+	position:relative
+}
+.vongi-news .mui-table-view-cell>a>.mui-badge{
+	position:absolute;
+	left:45px;
+	top:15px;
+	right:initial
+}
+.vongi-news {
+	margin-bottom:10px
+}
+.vongi-me{
+	padding:25px 0;
+	background:#ffffff
+}
+.vongi-me-top .mui-media-object{
+	display: flex;
+	overflow: hidden;
+	width:32px;
+	height:32px;
+	border-radius: 50%;
+	vertical-align: top;
+	margin-right:5px
+}
+.vongi-me-top .mui-media-object img{
+	width:100%;
+	object-fit: cover;
+}
+
+.vongi-me-top h4{
+	padding-left:37px
+}
+.vongi-me-name{
+	position:relative;
+	padding:20px 15px
+}
+.vongi-me-name button{
+	position:absolute;
+	right:15px;
+	bottom:20px;
+	color:#3385FF;
+	padding:6px 20px;
+	border-radius: 16.5px;
+}
+.vongi-me-card{
+	background:#3385FF;
+	margin:0 15px;
+	padding:20px;
+	border-radius: 7px;
+	color:#ffffff
+}
+.vongi-me-card h2{
+	margin-bottom:10px
+}
+
+.vongi-me-list .mui-table-view-cell img{
+	margin-right:10px
+	
+}
+.mui-bar .mui-active .mui-icon.icon-shouye2:before{
+	content: "\e681";
+}
+.mui-bar .mui-active .mui-icon.icon-xiaoxi1:before{
+	content: "\e680";
+}
+.mui-bar .mui-active .mui-icon.icon-wode1:before{
+	content: "\e686";
+}
+.vongi-bar{
+	background-color: #3385FF;
+}
+.vongi-bar .mui-title{
+	color:#ffffff
+}
+.vongi-all{
+	background:#ffffff
+}
+.vongi-all h4{
+	padding:20px 15px 0;
+	margin:0
+}
+.vongi-all .mui-grid-view.mui-grid-9{
 	border:0
 }