Skip to content

Commit

Permalink
20240528修改css
Browse files Browse the repository at this point in the history
  • Loading branch information
@anniewuu00
anniewuu00 committed May 28, 2024
1 parent c031149 commit 0f4163c
Show file tree
Hide file tree
Showing 6 changed files with 117 additions and 3 deletions.
15 changes: 15 additions & 0 deletions css/hyui.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8327,6 +8327,11 @@ body.fix {
margin-right: 0 !important;
}
}
.AIGPT_information .AIGPT_group .recommendbook .image_titlepage,
.AIGPT_information .AIGPT_group .recommendbook .image_titlepage2 {
width: 110px;
margin: 0 auto 1em;
}
.AIGPT_information .AIGPT_group .content {
flex: 1 1 auto;
flex-basis: calc(100% - 180px);
Expand Down Expand Up @@ -28324,6 +28329,11 @@ em.yellowbg {
max-width: 150px;
max-height: 150px;
}
.AIgptgroup .AIrecommendbook .recommendbook_list .recommendbook .image_titlepage,
.AIgptgroup .AIrecommendbook .recommendbook_list .recommendbook .image_titlepage2 {
width: 110px;
margin: 0 auto 1em;
}
.AIgptgroup .AIrecommendbook .recommendbook_list .content {
flex: 1 1 auto;
flex-basis: calc(100% - 180px);
Expand Down Expand Up @@ -28492,6 +28502,11 @@ em.yellowbg {
max-width: 150px;
max-height: 150px;
}
.AIgptgroup .AIrecommendbook_sidebyside .recommendbook_list .recommendbook .image_titlepage,
.AIgptgroup .AIrecommendbook_sidebyside .recommendbook_list .recommendbook .image_titlepage2 {
width: 110px;
margin: 0 auto 1em;
}
.AIgptgroup .AIrecommendbook_sidebyside .recommendbook_list .feature_options {
margin-bottom: 0.5em;
}
Expand Down
2 changes: 1 addition & 1 deletion css/hyui.css.map
View file

Large diffs are not rendered by default.

10 changes: 10 additions & 0 deletions sass/page/_ap.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4806,6 +4806,11 @@
max-width: 150px;
max-height: 150px;
}
.image_titlepage,
.image_titlepage2 {
width: 110px;
margin: 0 auto 1em;
}
}
.content {
flex: 1 1 auto;
Expand Down Expand Up @@ -4960,6 +4965,11 @@
max-width: 150px;
max-height: 150px;
}
.image_titlepage,
.image_titlepage2 {
width: 110px;
margin: 0 auto 1em;
}
}
.feature_options {
margin-bottom: 0.5em;
Expand Down
5 changes: 5 additions & 0 deletions sass/page/_lightbox2.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1923,6 +1923,11 @@ body.fix {
flex-basis: 100% !important;
margin-right: 0 !important;
}
.image_titlepage,
.image_titlepage2 {
width: 110px;
margin: 0 auto 1em;
}
}
.content {
flex: 1 1 auto;
Expand Down
46 changes: 44 additions & 2 deletions 為您選書_AIGPT版3_並排顯示.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -380,7 +380,44 @@ <h3><span>無法登入?</span></h3>
<div class="booktitle"><a href="#">5. 口袋神探. 1, 音樂教室的神秘琴聲</a></div>
</div>
</div>

<!-- 11 -->
<div class="recommendbook_list">
<div class="recommendbook">
<div class="image_titlepage">
<div class="booktitle">看漫畫學.2. 題材選擇-虎牛蛇狗動物諺說</div>
<div class="author"> 高尼克(Larry Gonick),奧華特(Alice Outwater)著 ; 陳瑞清譯. </div>
</div>
</div>
<div class="feature_options">
<ul>
<li class="borrowbooks"><a href="javascript:;">我要借書</a></li>
<li class="tobeseen"><a href="javascript:;">加入待看</a></li>
<li class="moreinformation"><a href="javascript:;">更多資訊</a></li>
</ul>
</div>
<div class="content">
<div class="booktitle"><a href="#">5. 口袋神探. 1, 音樂教室的神秘琴聲</a></div>
</div>
</div>
<!-- 12 -->
<div class="recommendbook_list">
<div class="recommendbook">
<div class="image_titlepage2">
<div class="booktitle">看漫畫學.2. 題材選擇-虎牛蛇狗動物諺說</div>
<div class="author"> 高尼克(Larry Gonick),奧華特(Alice Outwater)著 ; 陳瑞清譯. </div>
</div>
</div>
<div class="feature_options">
<ul>
<li class="borrowbooks"><a href="javascript:;">我要借書</a></li>
<li class="tobeseen"><a href="javascript:;">加入待看</a></li>
<li class="moreinformation"><a href="javascript:;">更多資訊</a></li>
</ul>
</div>
<div class="content">
<div class="booktitle"><a href="#">5. 口袋神探. 1, 音樂教室的神秘琴聲</a></div>
</div>
</div>
<!-- -->
<!-- 更多資訊燈箱start -->
<div class="lightboxstyle" id="AIGPT_morestyle">
Expand All @@ -396,7 +433,12 @@ <h2>更多資訊</h2>
<label><input type="radio" name="" id="">推得好</label><label><input type="radio" name="" id="">推得不好</label>
</div>
</div> -->
<div class="recommendbook"><img src="images/recommendbook01.jpg" alt="書名"></div>
<div class="recommendbook">
<div class="image_titlepage">
<div class="booktitle">看漫畫學.2. 題材選擇-虎牛蛇狗動物諺說</div>
<div class="author"> 高尼克(Larry Gonick),奧華特(Alice Outwater)著 ; 陳瑞清譯. </div>
</div>
</div>
<div class="content">
<div class="booktitle">山海經圖鑑</div>
<div class="introduce">
Expand Down
42 changes: 42 additions & 0 deletions 為您選書_AIGPT版3_借到30本.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -369,6 +369,48 @@ <h2>更多資訊</h2>
</div>
</div>
</div>
<!-- 6 -->
<div class="recommendbook_list">
<div class="feature_options">
<ul>
<li class="moreinformation"><a href="javascript:;">更多資訊</a></li>
</ul>
</div>
<div class="recommendbook">
<div class="image_titlepage">
<div class="booktitle">看漫畫學.2. 題材選擇-虎牛蛇狗動物諺說</div>
<div class="author"> 高尼克(Larry Gonick),奧華特(Alice Outwater)著 ; 陳瑞清譯. </div>
</div>
</div>
<div class="content">
<div class="booktitle"><a href="#">5. 口袋神探. 1, 音樂教室的神秘琴聲</a></div>
<div class="recommendobjects">推薦對象：小學生 / 教育工作者 / 父母</div>
<div class="introduce">
新一代故事大王凱叔的作品，《口袋神探》結合了燒腦的推理與科學原理，讓兒童在閱讀趣味故事的同時，學習科學知識與推理技巧。此系列書籍專為小學生設計，圖文結合，刺激孩子們的想像力與邏輯思維。凱叔利用精彩的案例，引領孩子們一步步揭開謎團，培養思考與解決問題的能力。
</div>
</div>
</div>
<!-- 7 -->
<div class="recommendbook_list">
<div class="feature_options">
<ul>
<li class="moreinformation"><a href="javascript:;">更多資訊</a></li>
</ul>
</div>
<div class="recommendbook">
<div class="image_titlepage2">
<div class="booktitle">看漫畫學.2. 題材選擇-虎牛蛇狗動物諺說</div>
<div class="author"> 高尼克(Larry Gonick),奧華特(Alice Outwater)著 ; 陳瑞清譯. </div>
</div>
</div>
<div class="content">
<div class="booktitle"><a href="#">5. 口袋神探. 1, 音樂教室的神秘琴聲</a></div>
<div class="recommendobjects">推薦對象：小學生 / 教育工作者 / 父母</div>
<div class="introduce">
新一代故事大王凱叔的作品，《口袋神探》結合了燒腦的推理與科學原理，讓兒童在閱讀趣味故事的同時，學習科學知識與推理技巧。此系列書籍專為小學生設計，圖文結合，刺激孩子們的想像力與邏輯思維。凱叔利用精彩的案例，引領孩子們一步步揭開謎團，培養思考與解決問題的能力。
</div>
</div>
</div>
<!-- -->
<div class="AIinformation">
<div class="AIpage">共<span>30</span>筆，<input type="text" name="" id="" value="1">/ 3 頁 <button type="button" class="btn prev">上一頁</button><button type="button" type="button"
Expand Down

0 comments on commit 0f4163c

Please sign in to comment.