【开源模板】Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录
极简蓝自适应模板是一款响应式模板，在官方默认模板的基础上进行了手机+平板+pc自适应优化。兼容宽窄模式切换，可在模板编辑页面更换颜色，兼容5种风格样式。本帖是记录在X3.5环境开发的极简蓝自适应模板 适配Discuz!X3.4的过程。
不一定适用所有模板，仅做备份参考。
https://www.dismall.com/data/attachment/forum/202302/05/202109x4l7j7tocpj2jz1u.jpg
本模板已经开源在gitee，开源版基本已经稳定， 开源版不会跟随线上版本更新，可以作为学习或二次开发后商用，不可二次出售或上架应用市场。
开源源码下载地址：
1. 在线会员图标异常
forum/discuz.htm
<img src="$online" alt="icon" />
改为
<!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
<!-- {if$rgb_version_num>3.4 } -->
<img src="$online" alt="icon" />
<!-- {else} -->
<img src="{STATICURL}image/common/$online" 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" title="$bbcode" alt="$tag" />
改为
[*]<!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
[*]<!-- {if $dz_version_num>3.4 } -->
[*]<img src="$bbcode" title="$bbcode" alt="$tag" />
[*]<!-- {else} -->
[*]<img src="{STATICURL}image/common/$bbcode" title="$bbcode" alt="$tag" /><!-- {/if} -->
来源：https://www.dismall.com/thread-15804-1-1.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！
页:
[1]