接触wecenter几天,看着和知乎基本是一致的功能,没事就想仿个知乎的页面,作为Wc的非深度用户,目前发现程序两个不太友好的地方,一个是操作上的,一个是开发上的,仅供参考:
1,后台-全局的菜单才多,页面太长,滚动到下方之后,查找菜单麻烦程度加大。虽然因为页面太长,页面右下角加了个“返回顶部”的按钮,但是菜单只放在左上角而不跟随屏幕显示,尤其是想要找到一个我不确定在哪个位置的菜单,要么就是上下拖曳,看来看去,要么就是按“返回顶部”再回到上面去看——这两种方式,都没有把菜单定位在同一个位置那么直观,对吧?
如下图……这页面长的,iphone20都没这么长啊,哈哈。
这个是操作上的问题
另一个是开发上的问题……继续看图
左边的标题和右边的标题是一致的,没有错,改动了右边的标题之后,左边的标题也随着改变了。在载入页面的时候,通过JQ读取到了右边的标题之后,再将标题的内容写入<h2 id="main_title"></h2>中。这是我在修改模板的时候发现的,因为我在改动/home/index.tpl.htm中<h2 id="main_title"></h2>的内容时,页面没有出现我修改之后的内容,一开始以为是缓存作怪,清之无效,换浏览器,无效,最后通过h2的ID之后,发现了问题所在:index.js 第44行代码:$('#main_title').html($(this).html());替换了index.tpl.htm中默认的#main_title的值。
想想这样做的初衷可能是为了模板复用,从测试上来看,“最新动态”,“我的草稿”,“我关注的问题“,”所有问题“这几个栏目使用的是同一个模板,都是/home/index.tpl.htm文件,”我的收藏“例外。
但是模板开发上,这似乎不是一个好主意。
以这次仿知乎页面来说,左侧的大标题上,我想在<h2 id="main_title"></h2>中加入一个图标,尽量的和知乎页面相同,但是加入的内容还没来得及显示已经被右边的标题给替换掉了。加在h2外边是可以的,但要对周围元素的CSS要进行重写,这样的做法和bootstrap中对icon类的使用好像是相悖的。
总的来说,我不建议用这种方式来做到两边内容一致,直接用PHP输入或者更好一点呢?
以上内容,仅供参考。
阅读全文
收起全文