01. 布局修改（完成）

默认每行 5 图，平板端 ipadpro，横屏每行 4 图，竖屏每行 3 图，ipad air 和 mini 也按小红书布局参考，手机端默认改成 2 图设计（主题是 1 图）。

02.网格模式下，手机端的每行中间（这个我看好像padding对图片也生效导致的，外padding 取消，下面的标题和图标那块设置padding0 5px就解决了）和上下区块的间隔太大了，像小红书那样改的小点。然后你看下图小红书，上下行的间距是固定的，这样有的标题两行，有的标题一行显示起来会更流畅。你看好调吗，不好调要不就把两行标题取消掉 得了，我感觉这里不太好整，没找到怎么改，不折腾了留一行标题算咯。（这里 ipad air 和 mini 竖屏宽度是 3 图，我们的 2 图还差点，手机端图片网格左右的间隔宽度还是不对的。左右屏幕边距不等宽，设置了 padding-left 15px导致的，文章展示块顶部贴顶部了 看下下面改的行不行，能用直接用别往专业的调了）

.uk-grid-column-small>,.uk-grid-small> {
padding: 0 8px
}

这里 下面设置的网格里的留白取消了

.normal_grid_content .entry-content {
/* padding: 0 10px; */
}

.moment_cat_nav, .posts_cat_nav {
padding: 15px;
margin-bottom: 15px;
}

05.ipad air 和 mini 也按小红书布局参考。(这里)

02.用户中心和注册修改（完成）

01.输入账号登录有时候会没反应，点退出不能直接退出。（这个等你做完我再多测试看看，现在有时候登录上页面也不跳，可能是你还在做导致的）

03.文章界面的修改

01.方案二：点下载显示单独购买｜价格，升级会员｜免费

01.悬浮框深浅模式还是没解决，图标块的背景其实不需要，和原来网站那样多好看，点进图标背景变深色也不好看，手机端的图标两边间隙还是贴合的，多点间隙，然后距离底部还是太高了点（存在播放器时再往下就遮挡了，如下图，）现在不高了，看下面和原站的对比。还有个下载按钮不要显示价格。看上面方案 2 的红字，价格加在单独购买那栏。（深浅模式依然没解决，取消深色，不然这个是按电脑或者手机设备点击设备里自带的深浅模式的，之前也发过视频给你看过）

02.这里点击升级会员，未登录状态没有弹出登录界面，跳到原始登录界面了

03.把文章底部的分享点赞区块删除，文章标题下方，新增收藏，双语阅读和分享按钮，双语阅读点击按钮后出现弹窗（样式参考上图点下载出现的弹窗那样），默认中文可以选择（中文、英文、或者中英双语），比如这两个网站https://www.englishclips.io/clips/21和https://www.feiyanpod.com/episode/576730，只是形态比他们更丰富点。样式为：图标收藏、图标双语、图标分享，这样好了。下图缺了文字。- 不急

备注：这里除了双语可以了，双语看后面怎么调。是以短代码的方式实现还是你看咋实现。比如默认文章前端肯定是显示中文。然后我后台要中英文内容放进去。前端，可以点击按钮选英文中文双语这样。这里可以放在最后去解决，最不急的部分。（双语你看下实现起来难不难，如果难，本来一开始的时候你说要 3000 的时候我提到的加小功能，本来是想最后等你做完的时候看能不能做的，你看下两个哪种复杂，如果这个功能做起来更简单就改做这个功能）

片刻里不是有个本地发布音乐的功能，能不能把这个功能复制到在PIX 的音乐设置里，不过不是一首，就是可以不断添加，实现多首列表。（本来还想让你文章里也加这个功能，因为想间接实现听文章的功能，算了，就背景音乐设置里加）

以上两个你看哪个简单哪个难，挑简单的做，二选一，没有增加需求算是。双语我不知道你能不能理解我的需求。

05.其他修改

备注：这里看下加段 CSS，就是伸缩效果带点缓冲的动画，想 medium 网站点折叠按钮那样。我忘记是哪个 css 样式了。（我自己来也行）

06.手机端底部的导航在 PWA 模式下（我装了 pwa 插件，就是添加到手机屏幕后像 app 那样浏览），能否像比比网站那样上移一点。（要是调整麻烦就算了）

08.左侧导航加一个更多功能，像小红书那样，把网站右侧的音乐、深色模式按钮图标放进去。（完成）

返回图标除了文章外，位置参考小红书布局。比如电脑端，改成屏幕最右侧，平板和手机端端参考小红书横竖屏那样。文章详情页面，放在下载悬浮框里。

备注：这里就是左侧的更多，固定在底部。然后除了文章的返回顶部是放在悬浮框里的。其他页面就和大部分网站那样。在最右边整一个返回顶部就好。如下图右下角位置这种。（最右侧的返回顶部按钮在手机端还没显示出来）

刚刚临时新出了个问题，左侧导航一开始底部多出很大留白，现在移动鼠标会跟着晃，