極簡藍自適應模板是一款響應式模板,在官方默認模板的基礎上進行了手機+平板+pc自適應優化。兼容寬窄模式切換,可在模板編輯頁面更換顏色,兼容5種風格樣式。
本帖是記錄在X3.5環境開發的極簡藍自適應模板 適配Discuz!X3.4的過程。
不一定適用所有模板,僅做備份參考。
千庫編輯_電子產品展示樣機.jpg (76.81 KB, 下載次數: 39)
下載附件
2023-2-5 20:21 上傳
本模板已經開源在gitee,開源版基本已經穩定, 開源版不會跟隨線上版本更新,可以作為學習或二次開發后商用,不可二次出售或上架應用市場。
開源源碼下載地址:
1. 在線會員圖標異常
forum/discuz.htm
- <img src="$online[icon]" alt="icon" />
復制代碼 改為
<!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
<!-- {if $dz_version_num>3.4 } -->
<img src="$online[icon]" alt="icon" />
<!-- {else} -->
<img src="{STATICURL}image/common/$online[icon]" alt="icon" />
<!--{/if}-->
2. 頁面及發帖時會顯示 or ''
直接搜索 or '' 替換為空(這個應該是空值占位,不知道會不會出問題,目前沒有遇到問題
3. 右側懸浮菜單 返回頂部及快速發帖圖標不顯示
如果引入Discuz!X3.5的字體就太大了沒必要 只有三個字體圖標 到iconfont上找了三個替換了
- /* 右側懸浮菜單 */
- @font-face {
- font-family: "iconfont"; /* Project id 3880532 */
- src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),
- url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),
- url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');
- }
-
- .iconfont {
- font-family: "iconfont" !important;
- font-size: 16px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
-
- #scrolltop {
- background: transparent !important;
- border: none !important;
- z-index: 999;
- }
- #scrolltop a {
- background: var(--base);
- color: var(--white-bg);
- border-radius: 4px;
- margin-top: 8px;
- line-height: 30px !important;
- height: 30px !important;
- padding: 5px !important;
- }
- #scrolltop a:before {
- line-height: 30px !important;
- display:inline-block;
- font-family: "iconfont" !important;
- font-size: 16px;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- width:24px;
- font-size:24px;
- line-height:24px;
- }
-
- #scrolltop a.scrolltopa:before {
- content:"\e633";
- }
- #scrolltop a.replyfast:before {
- content:"\e6ba";
- }
- #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
- content:"\e712";
- }
復制代碼
4. 發帖和回復按鈕
- .pg_group #newspecial,
- .pg_forumdisplay #newspecial,
- .pg_viewthread #newspecial, .pgs #post_reply, .pgs #post_replytmp {
-
-
- padding: 0px 16px;
- background: var(--base);
- color: var(--white-bg);
- font-size: 14px;
- border-radius: 4px;
- letter-spacing: 2px;
- height: 26px;
- line-height: 26px;
- }
復制代碼 5.底部copyright顯示異常
- <p class="xs0">{lang copyright}</p>
復制代碼
改為:
- <blockquote><!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
復制代碼
6.編輯器圖標異常
forum/post_editor_body.htm
- <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
復制代碼
改為
- <!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
- <!-- {if $dz_version_num>3.4 } -->
- <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
- <!-- {else} -->
- <img src="{STATICURL}image/common/$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
- <!-- {/if} -->
復制代碼
|