[无视痛苦]俗人斋手机版主题开发记录

不是函数库这么复杂的问题，就是discuz和jQuery都用了同一个函数名，直接就编译错误了

体验很不错还能发表情

唐灵 发表于 2018-7-28 21:14
体验很不错还能发表情

我回头把表情改一下，这套默认的有点怪怪的。

应@白隼 需求，将输入框的出现模式改成了淡入。
我觉得自由落体或者扶摇直上好像都有点突兀了，这里还是朴素点吧。

1. jQuery(".replyCom").fadeIn("fast");

复制代码

有朝一日，我一定要用代码写出一个亘法来！

先不研究数据库之类的后台了，今天把前端攻城狮应该做的再完善一下。
统一了一下配色，修改了很多细节，现在应该看起来，用起来更加赏心悦目一些了。
大家发现哪里不好看或者觉得怪怪的或者哪怕一丝违和都赶紧告诉我，前端就是得让用户的每一个细节都觉得很舒服才行。



比如首页的帖子，在点击的时候会发现只有文字图片这些元素被高亮了，并不是整个按钮被高亮。
默认的模板写成了<li><a></a></li>，其实反过来就好了，<a><li></li></a>
乱用模板需谨慎。

1. <ul>
   
2.         [loop]
   
3.                        
   
4. <a href="{url}">
   
5.         <li>
   
6.                 <div class="pic">
   
7.                         <img src="{avatar_big}" />
   
8.                 </div>
   
9.                 <h3>{title}</h3>
   
10.                 <div class="attr cl">
    
11.                         <div class="fl">
    
12.                                 <span class="au icon">{author}</span>
    
13.                         </div>
    
14.                         <div class="fr">
    
15.                                 <span class="views icon">{views}</span>
    
16.                                 <span class="replies icon">{replies}</span>
    
17.                         </div>
    
18.                 </div>
    
19.         </li>       
    
20. </a>
    
21.         [/loop]
    
22. </ul>

复制代码

听说模板自带的表情有点智障，所以

怎么有种在集赞的感觉。。。
列一下未解决的问题：

给特定人回复，引用特定的帖子回复：这两个应该是一个问题，如果能解决，手机端的就有比较完整的体验了；
消息提醒：有回复或者@的时候给打开首页会有提示，专门设置一个提示页，目前把默认模板的复制过去已经有办法读取了，但是我得读读代码套一下CSS。
上传图片：目前所有的上传图片功能都没办法使用，我不知道是不是手机浏览器调用时出的问题，不强求能解决了。

虽然回复的问题还没解决（时间问题）但是已经把编辑和删除的问题完美解决了。

这是楼主贴的代码

1. <!--{if $_G['forum']['ismoderator']}-->
   
2.                         <!--manage start-->
   
3.                                 <em><a href="#moption_$post[pid]" class="popup blue">{lang manage}</a></em>
   
4.                                         <div id="moption_$post[pid]" popup="true" class="manage" style="display:none;">
   
5.                                                 <!--{if !$_G['forum_thread']['special']}-->
   
6.                                                 <input type="button" value="{lang edit}" class="redirect manageBtn" href="forum.php?mod=post&action=edit&fid=$_G[fid]&tid=$_G[tid]&pid=$post[pid]<!--{if $_G[forum_thread][sortid]}--><!--{if $post[first]}-->&sortid={$_G[forum_thread][sortid]}<!--{/if}--><!--{/if}-->{if !empty($_GET[modthreadkey])}&modthreadkey=$_GET[modthreadkey]{/if}&page=$page">
   
7.                                                 <!--{/if}-->
   
8.                                                 <input type="button" value="{lang delete}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=moderate&fid={$_G[fid]}&moderate[]={$_G[tid]}&operation=delete&optgroup=3&from={$_G[tid]}">
   
9.                                                 <input type="button" value="{lang close}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=moderate&fid={$_G[fid]}&moderate[]={$_G[tid]}&from={$_G[tid]}&optgroup=4">
   
10.                                                 <input type="button" value="{lang admin_banpost}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=banpost&fid={$_G[fid]}&tid={$_G[tid]}&topiclist[]={$_G[forum_firstpid]}">
    
11.                                                 <input type="button" value="{lang topicadmin_warn_add}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=warn&fid={$_G[fid]}&tid={$_G[tid]}&topiclist[]={$_G[forum_firstpid]}">
    
12.                                         </div>
    
13.                         <!--{elseif $post['authorid']==$_G['uid']}-->
    
14.                                 <img src="template/xinrui_iuni_mobile/touch/images/img/iconEdit.png" type="button" class="redirect threadEdit fr" href="forum.php?mod=post&action=edit&fid=$_G[fid]&tid=$_G[tid]&pid=$post[pid]<!--{if $_G[forum_thread][sortid]}--><!--{if $post[first]}-->&sortid={$_G[forum_thread][sortid]}<!--{/if}--><!--{/if}-->{if !empty($_GET[modthreadkey])}&modthreadkey=$_GET[modthreadkey]{/if}&page=$page">
    
15.                         <!--manage end-->
    
16.                         <!--{/if}-->

复制代码

这是回复贴的代码，大同小异，就是楼主贴删除等于删帖，链接略有不同。

1. <!--{if $_G['forum']['ismoderator']}-->
   
2.                                         <!-- manage start -->
   
3.                                                 <em><a href="#moption_$post[pid]" class="popup blue">{lang manage}</a></em>
   
4.                                                 <div id="moption_$post[pid]" popup="true" class="manage" style="display:none;">
   
5.                                                         <input type="button" value="{lang edit}" class="redirect manageBtn" href="forum.php?mod=post&action=edit&fid=$_G[fid]&tid=$_G[tid]&pid=$post[pid]{if !empty($_GET[modthreadkey])}&modthreadkey=$_GET[modthreadkey]{/if}&page=$page">
   
6.                                                         <!--{if $_G['group']['allowdelpost']}--><input type="button" value="{lang modmenu_deletepost}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=delpost&fid={$_G[fid]}&tid={$_G[tid]}&operation=&optgroup=&page=&topiclist[]={$post[pid]}"><!--{/if}-->
   
7.                                                         <!--{if $_G['group']['allowbanpost']}--><input type="button" value="{lang modmenu_banpost}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=banpost&fid={$_G[fid]}&tid={$_G[tid]}&operation=&optgroup=&page=&topiclist[]={$post[pid]}"><!--{/if}-->
   
8.                                                         <!--{if $_G['group']['allowwarnpost']}--><input type="button" value="{lang modmenu_warn}" class="dialog manageBtn" href="forum.php?mod=topicadmin&action=warn&fid={$_G[fid]}&tid={$_G[tid]}&operation=&optgroup=&page=&topiclist[]={$post[pid]}"><!--{/if}-->
   
9.                                                 </div>
   
10.                                         <!--{elseif $post['authorid']==$_G['uid']}-->
    
11.                                                 <input type="button" value="{lang edit}" class="redirect manageBtnSelf" href="forum.php?mod=post&action=edit&fid=$_G[fid]&tid=$_G[tid]&pid=$post[pid]{if !empty($_GET[modthreadkey])}&modthreadkey=$_GET[modthreadkey]{/if}&page=$page">
    
12.                                         <!-- manage end -->
    
13.                                         <!--{/if}-->

复制代码

用伪代码说明一下
if 管理员/超级版主/版主（@木綿 ）
    显示管理菜单，可以进行编辑删除禁言关闭等全部操作
else if 这是自己的帖子（帖子id=用户id）
    显示编辑按钮，删除操作在编辑界面里。

管理员可以点击管理，然后删除，这里之所以用了一个兴师动众的动画，是为了防止手滑误触。

一般用户就是在帖子旁边或者头像旁边有一个编辑按钮，点击可以直接进入编辑模式。


勾选删除再进行编辑的话，就会将该贴删除。由于论坛没有回收站功能，所以删除操作比较费事，这样可以尽量避免手滑引起的误操作。所以君姐威胁论又升级了。。。


好了，这就是关于编辑和删除的改动，目测马上就能解决回复的问题了。

为了防止管理员心里不平衡肆意删帖滥杀无辜，现在版主和普通会员看到的画面比较接近了，也变成了相应的按钮。

1. <em><a href="#moption_$post[pid]" class="popup blue"><input type="button" value="{lang manage}" class="redirect manageBtnSelf"></a></em>

复制代码