【开源模板】Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录

晓宇

极简蓝自适应模板是一款响应式模板，在官方默认模板的基础上进行了手机+平板+pc自适应优化。兼容宽窄模式切换，可在模板编辑页面更换颜色，兼容5种风格样式。

本帖是记录在X3.5环境开发的极简蓝自适应模板 适配Discuz!X3.4的过程。
不一定适用所有模板，仅做备份参考。

本模板已经开源在gitee，开源版基本已经稳定， 开源版不会跟随线上版本更新，可以作为学习或二次开发后商用，不可二次出售或上架应用市场。
开源源码下载地址：

1. 在线会员图标异常
forum/discuz.htm

1. <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上找了三个替换了

1. 
   
2. /* 右侧悬浮菜单 */
   
3. @font-face {
   
4.     font-family: "iconfont"; /* Project id 3880532 */
   
5.     src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),
   
6.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),
   
7.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');
   
8.   }
   
9.   
   
10.   .iconfont {
    
11.     font-family: "iconfont" !important;
    
12.     font-size: 16px;
    
13.     font-style: normal;
    
14.     -webkit-font-smoothing: antialiased;
    
15.     -moz-osx-font-smoothing: grayscale;
    
16.   }
    
17.   
    
18. #scrolltop {
    
19.     background: transparent !important;
    
20.     border: none !important;
    
21.     z-index: 999;
    
22. }
    
23. 
    
24. #scrolltop a {
    
25.     background: var(--base);
    
26.     color: var(--white-bg);
    
27.     border-radius: 4px;
    
28.     margin-top: 8px;
    
29.     line-height: 30px !important;
    
30.     height: 30px !important;
    
31.     padding: 5px !important;
    
32. }
    
33. 
    
34. #scrolltop a:before {
    
35.     line-height: 30px !important;
    
36.     display:inline-block;
    
37.     font-family: "iconfont" !important;
    
38.     font-size: 16px;
    
39.     font-style: normal;
    
40.     -webkit-font-smoothing: antialiased;
    
41.     -moz-osx-font-smoothing: grayscale;
    
42.     width:24px;
    
43.     font-size:24px;
    
44.     line-height:24px;
    
45. }
    
46. 
    
47. #scrolltop a.scrolltopa:before {
    
48.     content:"\e633";
    
49. }
    
50. #scrolltop a.replyfast:before {
    
51.     content:"\e6ba";
    
52. }
    
53. #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
    
54.     content:"\e712";
    
55. }

4. 发帖和回复按钮

1. 
   
2. .pg_group #newspecial,
   
3. .pg_forumdisplay #newspecial,
   
4. .pg_viewthread #newspecial, .pgs #post_reply, .pgs #post_replytmp {
   
5.    
   
6.   
   
7.     padding: 0px 16px;
   
8.     background: var(--base);
   
9.     color: var(--white-bg);
   
10.     font-size: 14px;
    
11.    border-radius: 4px;
    
12.    letter-spacing: 2px;
    
13.     height: 26px;
    
14.     line-height: 26px;
    
15. }

5.底部copyright显示异常

1. <p class="xs0">{lang copyright}</p>

改为：

1. <blockquote><!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->

6.编辑器图标异常
forum/post_editor_body.htm

1. <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />

改为

1. <!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
   
2. <!-- {if   $dz_version_num>3.4 } -->
   
3. <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
   
4. <!-- {else} -->
   
5. <img src="{STATICURL}image/common/$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
   
6. <!-- {/if} -->

模板, size, 适应, 开源, url
来源：https://www.dismall.com/thread-15804-1-1.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！