抽奖页面添加图片

CnGal · Jul 30, 2023 · e685271 · e685271
1 parent 9e882f6
commit e685271
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/CnGalWebSite/CnGalWebSite.Server/wwwroot/css/lottery.css b/CnGalWebSite/CnGalWebSite.Server/wwwroot/css/lottery.css
@@ -15,7 +15,7 @@
 
 @media (min-height: 1000px) {
     .slotMachine {
-        margin-top: 200px;
+        margin-top: 100px;
     }
 }
 

diff --git a/CnGalWebSite/CnGalWebSite.Server/wwwroot/styles/lottery.min.css b/CnGalWebSite/CnGalWebSite.Server/wwwroot/styles/lottery.min.css
diff --git a/CnGalWebSite/CnGalWebSite.Shared/Pages/Normal/Lotteries/DrawLottery.razor b/CnGalWebSite/CnGalWebSite.Shared/Pages/Normal/Lotteries/DrawLottery.razor
@@ -17,7 +17,7 @@
     {
         <CnGalWebSite.Shared.Component.Lotteries.DrawPage.LotteryAnimationCard @ref="lotteryAnimationCard" OnClickRoll="OnDrawLottery" />
 
-        <div class=" p-4" style=" display: flex; flex-direction: column; align-items: center; font-size: large;">
+        <div class=" p-4" style=" display: flex; flex-direction: column; align-items: center; font-size: x-large;">
 
             @if (CurrentAward == null)
             {
@@ -71,6 +71,12 @@
 
             }
 
+            @if(CurrentAward!=null)
+                {
+
+                <img src="@CurrentAward.Image" alt="@CurrentAward.Name" style="max-width:200px;width:100%;margin-top:30px;"/>
+                }
+
 
         </div>