actooors / shumessage_web

我们致力于将SHU Message打造为SHU信息分享与交流平台。本项目是wap端

SHU Message

一个良心的校园消息聚合、分享及交流平台。

我们将长期致力于打造一个好看的，好用的，稳定的，且仅为SHU师生服务的消息聚合及分享平台。

我们要做的是，将散落在学校不同网站上的消息聚合到本平台上，让用户及时且完全地浏览到自己关注的消息。如志愿活动信息、留学信息、保研信息等。并为用户提供发表动态的功能作为新闻和消息的补充，用户可以自由地在平台上进行交流。

项目介绍

目前项目的UI是仿照即刻APP进行设计的，项目结构上，components不涉及业务逻辑。项目尽量增加代码复用率，在不违背原则的基础上降低逻辑复杂度。

技术栈 ES6 vue vuex vux-ui scss webpack

后端传送门：SHU_Message_Service 爬虫传送门：SHUMessage-Scrapy

Before Build

# install pnpm
npm i -g pnpm

Build Setup

# install dependencies
pnpm install

# serve with hot reload at localhost:8080
pnpm run dev

# build for production with minification
pnpm run build

# build for production and view the bundle analyzer report
pnpm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

shumessage_web's Issues

分享存在bug

在非seo页面进行分享时，分享的内容一直是第一次分享的内容，没有变化。
并且分享出去的页面url有问题，点开无法显示正确内容。
并且，建议在分享后隐藏分享bar。

From gitme iOS

details页面已知问题

• 选中一个评论，会在热门评论和最新评论的相同index下都选中。

• 拉起输入法后，回复框无法选中导致无法粘贴等操作。

From gitme iOS

安卓手机无法用soshm进行微博,QQ,QQ空间分享

如题,就是点了那三个按钮没有反应.点微信按钮的话苹果安卓都是有反应的.

在input中输入emoji表情导致请求失败

解决方案：
https://www.bbsmax.com/A/nAJvkxjY5r/

使用 dayjs relativeTime 插件

你好 想交流一下 dayjs 的使用方法

https://github.com/Actooors/SHUMessage_web/blob/442aa082b1a1082d7c502c9da630e76b1eb4790c/src/assets/js/relativeTime.js

let now = dayjs()
  let diff = now.diff(moment, 'seconds')
  if (diff >= 60) {//超过60秒吗
    diff = now.diff(moment, 'minutes')
    if (diff >= 60) {//超过60分钟吗
      diff = now.diff(moment, 'hours')
      if (diff > 24) {//超过24小时吗
        diff = now.diff(moment, 'months')
        if (diff >= 1) {//超过1个月吗
          if (diff >= 12) {//超过12个月吗
            return `${now.diff(moment, 'years')}年前`
          } else {
            return `${diff}个月前`
          }
        } else {
          return `${now.diff(moment, 'days')}天前`
        }
      } else {
        return `${diff}小时前`
      }
    } else {
      return `${diff}分钟前`
    }

这里的代码可以使用 dayjs 官方的 relativeTime 插件实现呀 https://github.com/iamkun/dayjs/blob/dev/docs/en/Plugin.md#relativetime

import relativeTime from 'dayjs/plugin/relativeTime'
import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn')
dayjs.extend(relativeTime)
dayjs().from(dayjs('1990')) // 2 年前

从回复详情回退到评论详情时，scrollTop被重置

从回复详情回退到评论详情时，滚动条回到了最上方，没有保存状态，这个体验很不好。

针对seo组件的建议

目前由于升级了https，而学校站点一般都是http，会导致blocked:mixed-content，因而引入的外部css样式全部失败，站点都是无css的。
可以利用这个特点，写一个css静态文件，每个页面都引用它，使得页面布局较为舒适。

Jan 5 新发现的bug

• 关注页面下拉时的toast很丑

• 关注页面的“没有更多了”位置不正确

Jan 1 新发现的bug

• 很多时候点击搜索需要两下才能正常响应

• 在页面内部仍然会出现橡皮筋效应：如scroll组件，将导致无法顺滑下拉刷新。

• scroll组件首次数据渲染的loadIcon显示不出来了

评论不能只评论图片

• 评论不能只评论图片,只选中图片的话发送按钮不弹出来

• 图片大小有限制

点赞、回复不同步

在消息详情界面或者动态详情界面，当热门评论和最新评论重复出现某一条评论时候，给该评论点赞，热门评论和最新评论不会同步更改，回复也同理。

Dec 30 新发现的bug

• 评论选择图片后，切换到其他页面，图片不消失

• 已无法正常记录和还原scrollTop

• 动态页面的sticky表现异常

• 由于跨域问题，链接无法正常显示