Board logo

标题: 论坛已初步适配移动端并部分采用卡片式布局 [打印本页]

作者: 老刘1号    时间: 2023-3-23 16:14     标题: 论坛已初步适配移动端并部分采用卡片式布局

本帖最后由 老刘1号 于 2024-2-20 19:06 编辑
2023-03-23
1、移动端页面初版完成。
2、现代浏览器动态效果初版完成。
3、继续兼容 IE 等老浏览器。

2023-03-25
1、修复 PC 端主页部分链接鼠标指向后消失的问题。
2、修复 PC 端部分动效与原 CSS 冲突的问题。
3、修复移动端部分帖子用户名和头像不显示的问题。
4、部分动效微调。

2023-04-13
1、PC 端添加设置面板(可设置动效开关)。
2、修复部分 PC 端弹出窗口动效问题。
3、修复移动端弹出窗口位置过低的问题。

2023-12-28
1、在 PC 端的主页、板块页、主题页采用卡片式布局。
2、暂时去除部分动效、去除链接的 hover 效果。
3、更换论坛的主要字体。

2024-01-13
1、修复登陆框“密码”两字竖着排列的问题。
2、修复登陆框登陆按钮背景消失的问题。

2024-02-20
1、修复热门主题不到 8 个时背景的颜色问题。
2、添加部分动效。
3、调整主页底端链接栏的阴影效果和内边距。

部分页面未做特别适配,若有 BUG 请回帖反馈!
也欢迎大家提出意见与建议!
作者: newswan    时间: 2023-3-23 16:25

台机上面的显示,也有点不同了
作者: 老刘1号    时间: 2023-3-23 17:25

回复 2# newswan


    那个是 PC 端的特效,算是顺便搞了一下吧,看起来舒服一点
作者: Five66    时间: 2023-3-23 18:04

特效太花哨了而且晃眼,能关闭不?
作者: 老刘1号    时间: 2023-3-23 18:07

本帖最后由 老刘1号 于 2023-3-23 18:24 编辑

回复 4# Five66


    目前可以换IE或者油猴脚本
  1. $('beautify_css').remove()
复制代码
有空加个开关按钮
作者: xczxczxcz    时间: 2023-3-23 19:43

哟西,发现一个奇怪的功能??
如图这样的闪?鼠标移到那个 windows 上

作者: 老刘1号    时间: 2023-3-23 19:53

回复 6# xczxczxcz


    为啥你这个是黑的
作者: xczxczxcz    时间: 2023-3-23 20:29

回复 7# 老刘1号


    鼠标移到 windows 字符串上, 这几个字会狂闪!!
作者: jyswjjgdwtdtj    时间: 2023-3-23 20:37

http://www.bathome.net/notice.php上 当鼠标移动到如“好友消息”上时 非常奇怪
作者: 77七    时间: 2023-3-23 20:51

安卓,浏览器打开帖子后,看不到发帖者的昵称
作者: xczxczxcz    时间: 2023-3-23 20:52

@ 523066680  ; chrome v111 暗黑模式
作者: 老刘1号    时间: 2023-3-23 20:59

回复 8# xczxczxcz


    edge表示无法重现
作者: xczxczxcz    时间: 2023-3-23 21:03

找到原因了:因为浏览器字体设置比较大,导致显示可见标题的末尾只有这几个字符,就闪了,把字体调小,多显示几个其它字符则不闪了。或许是一个BUG(因该是动画原因可能不停的计算后面的XXX).
作者: 老刘1号    时间: 2023-3-23 21:09

回复 10# 77七


    确定嘛?我把昵称放到帖子上边的那个窄栏里边了,我这里只有batcher的不显示,其它人都是正常的(batcher那个是管理员标志,代码里之前没判断,有空修一下)
作者: 老刘1号    时间: 2023-3-23 21:09

回复 9# jyswjjgdwtdtj


    discuz自带的css和我写的规则冲突了,有空修一下
作者: xczxczxcz    时间: 2023-3-23 21:12

再分析一下:这种标题可见内容末尾为一个单词时,鼠标移上去,开始动画,动画是向右移动位置,结果是标题内容超出长度需要修剪,而单词是一个整体(大部分是这样),所以整个单词会隐藏,隐藏后标题内容缩短,后面又有空间,第二次动画又会补上单词,如此这样循环,故一闪一闪,频率又动画频率决定。以上纯属分析。建议动画向左移。
作者: 老刘1号    时间: 2023-3-23 21:14

本帖最后由 老刘1号 于 2023-3-23 21:16 编辑

回复 16# xczxczxcz


    好家伙,分析到位,大概懂了
那个其实是通过加边框实现的,所以没法控制往左还是往右,之后我再想想办法
大概有思路了,把按单词断行改成按字母断行应该可以修一下
作者: 77七    时间: 2023-3-23 21:51

回复 14# 老刘1号


   如图,我用的via浏览器
作者: 老刘1号    时间: 2023-3-23 21:58

回复 18# 77七


    看起来头像替换是成功的,但是文本结点没有附加成功。
我装了最新版本的Via浏览器,但是重现失败。
请问你的安卓版本是多少呢?怀疑是安卓的WebView支持不完整。
或者是否开着广告拦截插件?
作者: 77七    时间: 2023-3-23 22:06

回复 19# 老刘1号


   安卓9,我把浏览器内置的广告拦截关闭之后,仍然没有,(我指的是打开帖子之后,看不到发帖者和回帖者的昵称,应该没有误解吧。)我用苹果手机自带的浏览器测试,同样也没有看到昵称。
作者: 老刘1号    时间: 2023-3-23 22:20

回复 20# 77七


    好的,我用其它设备再试试。
初步猜想是 console.log 因为未定义报错导致添加昵称的代码没有执行(上面的头像替换已经成功了)。
作者: qixiaobin0715    时间: 2023-3-24 13:05

本帖最后由 qixiaobin0715 于 2023-3-24 13:08 编辑

首页中,鼠标放到“我的帖子, 查看新帖, 标记已读”上时,这些字直接会隐藏。
作者: jyswjjgdwtdtj    时间: 2023-3-24 15:58

欸 我觉得button会摇晃蛮蠢得(纯属个人意见 没有任何其他意思)
作者: jyswjjgdwtdtj    时间: 2023-3-24 16:00

还有鼠标移到帖子下方的“回复”、“引用”、“编辑”上 因为三个词语前的位图图片背景有一些白点 但背景又变成了灰色 就会有一些小白点
(可能表达的不太清楚)
作者: jyswjjgdwtdtj    时间: 2023-3-24 16:02

这里会显示转义后的文字
作者: 老刘1号    时间: 2023-3-24 16:33

回复 25# jyswjjgdwtdtj


    这个不是我的锅
作者: 老刘1号    时间: 2023-3-24 16:36

回复 24# jyswjjgdwtdtj


    这个不太好修
作者: 老刘1号    时间: 2023-3-24 16:37

回复 23# jyswjjgdwtdtj


    看多了确实有点…有没有推荐的效果
作者: 老刘1号    时间: 2023-3-24 16:49

回复 22# qixiaobin0715


  好,有空加个背景
作者: jyswjjgdwtdtj    时间: 2023-3-24 16:59

本帖最后由 jyswjjgdwtdtj 于 2023-3-25 09:48 编辑

建议页面布局可以参照一下笔趣阁(手机端) 真的
作者: jyswjjgdwtdtj    时间: 2023-3-24 17:16

[img]
[/img]
作者: 老刘1号    时间: 2023-3-24 18:32

回复 30# jyswjjgdwtdtj


    这个还不错,不过感觉工程量略大,有空慢慢搞吧
作者: 老刘1号    时间: 2023-3-24 18:33

回复 31# jyswjjgdwtdtj


    论坛服务器有时候抽风页面返回不全/有误,我也不知道为啥,建议刷新一下

那个登陆和注册页面,感觉用的不多(可能很多人也就用1、2次),就没管,之后闲下来修一下
作者: jyswjjgdwtdtj    时间: 2023-3-24 18:38

回复 33# 老刘1号


    还有能不能每个帖子显示一下是几楼几楼的
不然回复上写的回复的几楼我也不知道是那条帖子
作者: 老刘1号    时间: 2023-3-24 18:39

本帖最后由 老刘1号 于 2023-3-24 18:46 编辑

回复 34# jyswjjgdwtdtj


    这个有啊,看右上角
还有其实那个蓝色的是链接,可以点的
作者: jyswjjgdwtdtj    时间: 2023-3-24 18:47

回复 35# 老刘1号


    哦哦哦!这才发现!
作者: jyswjjgdwtdtj    时间: 2023-3-24 18:50

回复 35# 老刘1号


    嗯……我点击了右上角的那个“35 楼” 然后弹出了一个copysucceed
作者: 老刘1号    时间: 2023-3-24 18:51

回复 37# jyswjjgdwtdtj
我说的^^蓝字是指这个

    那个是复制你那楼的直达链接
作者: jyswjjgdwtdtj    时间: 2023-3-24 19:26

回复 38# 老刘1号


    哦!
作者: 老刘1号    时间: 2023-3-25 22:08

回复 23# jyswjjgdwtdtj


    改了
作者: 老刘1号    时间: 2023-3-25 22:09

回复 18# 77七


    应该是修复了,如果有空的话麻烦再测试一下,谢谢
作者: 77七    时间: 2023-3-25 23:17

回复 41# 老刘1号


   版主辛苦了!现在我的安卓和苹果设备均正常显示昵称。
作者: jyswjjgdwtdtj    时间: 2023-3-26 11:33

本帖最后由 jyswjjgdwtdtj 于 2023-3-26 11:34 编辑

能不能再img之前加个换行?
比如这样就很难受

如果是:
比如:
这样就舒服多了
作者: jyswjjgdwtdtj    时间: 2023-3-26 11:36

在点击打开”上浮“到最顶上的图片 依然会在把鼠标移动到上面时变大 与此同时鼠标滚轮依然能够操控文档流的上滑下滑
作者: jyswjjgdwtdtj    时间: 2023-3-26 12:23

首页 背景变暗会遮住序号:

作者: jyswjjgdwtdtj    时间: 2023-3-26 12:25

拖动打开图片后的窗口效率极低 “窗口”跟随不上鼠标
作者: 老刘1号    时间: 2023-3-26 13:00

本帖最后由 老刘1号 于 2023-3-26 13:07 编辑

回复 43# jyswjjgdwtdtj


    这个你可以自己按回车,行内图片别人可能有需求,不能一刀砍了(
作者: 老刘1号    时间: 2023-3-26 13:03

回复 45# jyswjjgdwtdtj


    逆天Discuz序号是用图片背景实现的,所以无解
作者: 老刘1号    时间: 2023-3-26 13:05

回复 44# jyswjjgdwtdtj


    额,我觉得各大站点均有此BUG()
作者: 老刘1号    时间: 2023-3-26 13:16

回复 46# jyswjjgdwtdtj


    有空修一下
作者: jyswjjgdwtdtj    时间: 2023-3-26 14:33

回复 50# 老刘1号


    嗯 我只是说一下
作者: jyswjjgdwtdtj    时间: 2023-3-26 14:34

回复 47# 老刘1号


    嗯 确实哦 毕竟表情还是行内图片
作者: czjt1234    时间: 2023-3-28 07:07

刚发现改成IE兼容模式,特效就没了
世界终于清静了,被这个特效烦死了
作者: Batcher    时间: 2023-4-13 09:53

回复 53# czjt1234


    可以通过右上角【设置】打开/关闭特效
作者: 老刘1号    时间: 2023-4-13 10:25

回复 46# jyswjjgdwtdtj


    修了
作者: 老刘1号    时间: 2023-4-13 10:26

回复 4# Five66


    现在可以右上角开关了
作者: 77七    时间: 2023-12-30 21:21

老刘巡查,反应两个问题:
1.在选择 开启 【页面动态效果 + 卡片式布局】、选择 关闭 【代码高亮】 情况下,点击 复制代码 ,操作失败;
2.在选择 开启 【页面动态效果 + 卡片式布局】情况下,登录界面,密码二字是竖着排列的。

作者: 老刘1号    时间: 2023-12-31 12:57

回复 57# 77七


    复制代码问题已修复
作者: 77七    时间: 2023-12-31 13:43

回复 58# 老刘1号


   新发现一个问题,设置页面显示不正常

作者: 老刘1号    时间: 2023-12-31 18:14

回复 59# 77七


    已修复
作者: 老刘1号    时间: 2024-1-13 13:26

回复 57# 77七


    登录框问题已修复




欢迎光临 批处理之家 (http://bbs.bathome.net/) Powered by Discuz! 7.2