mirror of
https://github.com/ClovertaTheTrilobita/SanYeCao-Nonebot.git
synced 2026-04-01 22:04:51 +00:00
feat(tarot): 为A1CelticCross和A1Hexagram页面新增标题
在A1CelticCross.html和A1Hexagram.html中新增了居中显示的标题,优化了页面布局和视觉效果。
This commit is contained in:
parent
e6997823db
commit
8bd3688334
2 changed files with 11 additions and 2 deletions
|
|
@ -99,11 +99,15 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="triangle-container">
|
|
||||||
|
|
||||||
|
<div class="triangle-container">
|
||||||
|
<!-- 新增标题 -->
|
||||||
|
<div style="text-align: center; margin-top: -40%;">
|
||||||
|
<h1 style="color: #d4af37; font-size: 3em; text-shadow: 2px 2px 4px rgba(113,85,85,0.5);">圣三角塔罗牌阵</h1>
|
||||||
|
</div>
|
||||||
<!-- 过去 -->
|
<!-- 过去 -->
|
||||||
<div class="card" id="past">
|
<div class="card" id="past">
|
||||||
<img src="{{data[0].image}}">
|
<img src="{{data[0].image}}" alt="过去">
|
||||||
<h3>{{data[0].name}}</h3>
|
<h3>{{data[0].name}}</h3>
|
||||||
<div class="card-position">▼ 过去影响 ▼</div>
|
<div class="card-position">▼ 过去影响 ▼</div>
|
||||||
<p>{{data[0].meaning}}</p>
|
<p>{{data[0].meaning}}</p>
|
||||||
|
|
|
||||||
|
|
@ -111,9 +111,14 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<!-- 新增标题 -->
|
||||||
|
|
||||||
<div class="star-container">
|
<div class="star-container">
|
||||||
|
|
||||||
<!-- 2. 现在 -->
|
<!-- 2. 现在 -->
|
||||||
|
<div style="text-align: center; margin-top: -35%;">
|
||||||
|
<h1 style="color: #d4af37; font-size: 3em; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);">六星芒星塔罗牌阵</h1>
|
||||||
|
</div>
|
||||||
<div class="card" id="card1">
|
<div class="card" id="card1">
|
||||||
<img src="{{data[1].image}}" >
|
<img src="{{data[1].image}}" >
|
||||||
<h3>{{data[1].name}}</h3>
|
<h3>{{data[1].name}}</h3>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue