wesmiler ECY 画画交易平台

application/shop/view/index/index.html

@@ -51,16 +51,29 @@
 				padding: 0 0.5rem;
 			}
 
+			.menu-box .bg {
+				position: relative;
+				z-index: 1;
+			}
+
+			.menu-box .bg img {
+				min-height: 103px;
+			}
+
 			.am-text-center .menu-box .menu {
-				width: 118rpx;
+				padding: 5px;
+				position: absolute;
+				z-index: 2;
 				text-align: center;
 				vertical-align: middle;
-				margin: 10px;
-				border-radius: 100%;
-				background: url('__CDN__/assets/shop/img/menu.png');
 				background-size: cover;
 				color: #fff;
 				height: 118px;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				margin: auto;
 			}
 
 			.am-text-center .menu-box .menu .text {
@@ -69,7 +82,9 @@
 			}
 			.am-text-center .menu-box {
 				/*width: 138px;*/
-				height: 138px;
+				/*height: 138px;*/
+				position: relative;
+				overflow: hidden;
 			}
 			.am-text-center .menu-box .log {
 				line-height: 65px;
@@ -97,18 +112,21 @@
 			</div>-->
 			<ul class="am-avg-sm-3 am-text-center am-padding-bottom-sm am-padding-top-sm">
 				<li class="menu-box">
+					<div class="bg"><img src="__CDN__/assets/shop/img/menu.png" width="75%" style="border-radius:100%;"></div>
 					<div class="menu">
 						<div class="text"><span class=" award">{$awards.total_usdt}</span></div>
 						<div class="am-padding-top-xs">流拍金额<br>(usdt)</div>
 					</div>
 				</li>
 				<li class="menu-box">
+					<div class="bg"><img src="__CDN__/assets/shop/img/menu.png" width="75%" style="border-radius:100%;"></div>
 					<div class="menu">
 						<div class="text"><span class=" speed">{$awards.speed_usdt}</span></div>
 						<div class="am-padding-top-xs">加速金额<br>(usdt)</div>
 					</div>
 				</li>
 				<li class="menu-box" onclick="window.location='/shop/user/releaselog'">
+					<div class="bg"><img src="__CDN__/assets/shop/img/menu.png" width="75%" style="border-radius:100%;"></div>
 					<div class="menu log">
 						<div class="text"></div>
 						<div class="am-padding-top-xs">分成明细</div>