论坛-持续进步！

叽哩呱啦 · 2024-06-27T13:41:52+00:00

欢迎来到“十月”论坛。在各位正准备畅快地浏览论坛上有趣精彩的内容时，不妨缓缓，花几分钟快速了解下论坛一些功能，能帮助你更好了解论坛，给你更顺心的体验~ 1.注册与登录为了保证论坛用户的忠诚度，论坛实行“注册邀请码”制度。注册本论坛时需有有效的邀请码才能注册（具体视情况而定）。为了防止恶意批量注册，论坛采...

堕落的爱

为什么没有删除帖子功能啊口牙

叽哩呱啦

堕落的爱发帖后十分钟就不能删除

叽哩呱啦

UI1.0

根据一段时间优化，将论坛的界面排版css/Less公布：
主色调： #ee729d，副色调：#6699cc

/* ================= 核心变量 ================= */
:root {
  --font-cn: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  --font-code: "JetBrains Mono", "Consolas", monospace;
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1); /* 新增缓动曲线 */
}

/* ================= 基础布局 ================= */
.container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  animation: containerFadeIn 0.8s var(--ease-out-quint); /* 新增容器入场动画 */
}

@keyframes containerFadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ================= 字体与排版优化 ================= */
body,
.Post-body,
.DiscussionListItem-title {
  font-family: var(--font-cn) !important;
  font-size: 16px; /* 保持原有文字大小 */
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: justify;
}

.Post-body p { margin: 1.2em 0 !important; }

.DiscussionPage-nav .item-title {
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: 500;
}

/* ================= 组件样式 ================= */
.Post-quote {
  background: #ee729d !important;
  border-left: 4px solid #e9ecef;
  padding: 1rem;
  border-radius: 4px;
  transition: transform 0.3s ease;
}

pre, code { font-family: var(--font-code) !important; }

/* ================= 动画系统 ================= */
/* 发帖按钮彩虹动画 (优化版) */
.IndexPage-newDiscussion {
  background: linear-gradient(124deg, 
    #ff2400, #e81d1d, #e8b71d, #e3e81d, 
    #1de840, #1ddde8, #2b1de8, #dd00f3);
  background-size: 1800% 1800%;
  animation: rainbow 15s ease infinite;
}

@keyframes rainbow {
  0%, 100% { background-position: 0% 82% }
  50% { background-position: 100% 19% }
}

/* 标题悬浮微动效 */
.Hero-title {
  display: inline-block;
  margin: 0 5px;
  animation: gentleFloat 3s ease-in-out infinite;
}

@keyframes gentleFloat {
  0%, 100% { transform: translateY(0) rotate(0); }
  50% { transform: translateY(-8px) rotate(2deg); }
}

/* ================= 首页视觉特效 ================= */
.Hero.WelcomeHero {
  --gradient-size: 200%;
  --anim-duration: 40s;  /* 延长动画时间 */

  background-image: 
    linear-gradient(
      45deg,
      transparent 9%,
      rgba(255, 182, 193, 0.6) 9% 51%,
      transparent 51% 57%,
      rgba(255, 204, 204, 0.6) 57%
    ),
    linear-gradient(
      -45deg,
      transparent 12%,
      rgba(255, 228, 225, 0.6) 12% 33%,
      rgba(255, 192, 203, 0.6) 33% 45%,
      transparent 45%
    ),
    linear-gradient(90deg, #fff, #fff);
  background-size: var(--gradient-size) var(--gradient-size);
  animation: bgFlow var(--anim-duration) linear infinite; /* 保留原有动画 */
}

@keyframes bgFlow {
  0% { background-position: 0% 0%; }
  100% { background-position: var(--gradient-size) var(--gradient-size); }
}

/* ================ 以下是新增动画 ================ */
/* 导航标题下划线动画 */
.DiscussionPage-nav .item-title {
  position: relative;
  transition: color 0.3s ease;
}

.DiscussionPage-nav .item-title::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width 0.4s var(--ease-out-quint);
}

.DiscussionPage-nav .item-title:hover::after {
  width: 100%;
}

/* 用户头像悬浮动画 */
.PostUser-avatar {
  transition: transform 0.6s var(--ease-out-quint), 
             box-shadow 0.4s ease;
}

.PostUser-avatar:hover {
  transform: rotate(8deg) scale(1.1);
  box-shadow: 0 8px 20px -6px rgba(0,0,0,0.3);
}

/* 页面切换动画 */
.app-content {
  animation: routeTransition 0.6s var(--ease-out-quint);
}

@keyframes routeTransition {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

叽哩呱啦

新增：社区装饰商店内容！

我们上架许多装饰，可以使得你的账号让人印象深刻！、

用法：

社区装饰商店->购买装饰->用户个人页面->我的物品一栏

韵味儿

叽哩呱啦能不能加大文件上传上限

韵味儿

叽哩呱啦还有文件库可不可以加入一个管理多选一键隐藏功能

叽哩呱啦

新增： @Ai-Bot 作为AI账户（beta）

加入特定Tag后可以触发Ai自动回复
由于Ai渠道不可控原因，可能随时失效，功能下架

叽哩呱啦

UI 1.1

样式不变，合并重复的媒体查询
优化了选择器的效率
整理代码结构，使其更清晰
确保响应式规则的一致性

/* ================= 核心变量系统优化 ================= */
:root {
  /* 字体栈优化 */
  --font-cn: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-code: "JetBrains Mono", "Consolas", "Monaco", "Cascadia Code", monospace;
  
  /* 颜色系统优化 */
  --color-text-dark: #e0e0e0;
  --color-bg-dark: #1a1a1a;
  --border-dark: rgba(255, 255, 255, 0.15);
  
  /* 动画时长标准化 */
  --transition-fast: 0.2s;
  --transition-normal: 0.3s;
  --transition-slow: 0.5s;
}

/* ================= 基础布局系统优化 ================= */
.container {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* ================= 字体与排版系统优化 ================= */
/* 基础文本样式 */
body,
.Post-body,
.DiscussionListItem-title {
  font-family: var(--font-cn);
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.03em;
  text-align: justify;
}

/* 段落优化 */
.Post-body p {
  margin: 1.2em 0;
  max-width: none;
}

/* 标题层级优化 */
.DiscussionPage-nav .item-title {
  font-size: 22px;
  letter-spacing: 0.08em;
  font-weight: 500;
  line-height: 1.3;
}

/* ================= 组件样式系统优化 ================= */
/* 引用块组件 */
.Post-quote {
  background: #ee729d;
  border-left: 4px solid #e9ecef;
  padding: 1rem;
  border-radius: 4px;
  transition: transform var(--transition-fast) ease-in-out;
  margin: 1rem 0;
}

.Post-quote:focus-within,
.Post-quote:hover {
  transform: translateX(2px);
}

/* 代码块组件 */
pre, code {
  font-family: var(--font-code);
  font-size: 0.9em;
}

pre {
  overflow-x: auto;
  padding: 1rem;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.05);
}

/* ================= 动画效果系统优化 ================= */
/* 彩虹按钮动画 */
.IndexPage-newDiscussion {
  background: linear-gradient(124deg, 
    #ff2400, #e81d1d, #e8b71d, #e3e81d, 
    #1de840, #1ddde8, #2b1de8, #dd00f3);
  background-size: 400% 400%;
  animation: rainbow 20s ease infinite;
}

@keyframes rainbow {
  0%, 100% { background-position: 0% 82%; }
  50% { background-position: 100% 19%; }
}

/* 标题浮动动画 */
.Hero-title {
  display: inline-block;
  margin: 0 5px;
  animation: gentleFloat 6s ease-in-out infinite;
  transform: translateZ(0); /* 硬件加速 */
}

@keyframes gentleFloat {
  0%, 100% { transform: translateY(0) rotate(0); }
  33% { transform: translateY(-8px) rotate(1deg); }
  66% { transform: translateY(4px) rotate(-0.5deg); }
}

/* 背景流动动画 */
.Hero.WelcomeHero {
  background-image: 
    linear-gradient(45deg,
      transparent 9%, rgba(255, 182, 193, 0.6) 9%, rgba(255, 182, 193, 0.6) 51%,
      transparent 51%, transparent 57%, rgba(255, 204, 204, 0.6) 57%
    ),
    linear-gradient(-45deg,
      transparent 12%, rgba(255, 228, 225, 0.6) 12%, rgba(255, 228, 225, 0.6) 33%,
      rgba(255, 192, 203, 0.6) 33%, rgba(255, 192, 203, 0.6) 45%, transparent 45%
    ),
    linear-gradient(90deg, #fff, #fff);
  background-size: 200% 200%;
  animation: bgFlow 40s linear infinite;
}

@keyframes bgFlow {
  0% { background-position: 0% 0%; }
  100% { background-position: 200% 200%; }
}

/* ================= 暗黑模式系统优化 ================= */
/* 属性选择器暗黑模式 */
[data-theme="dark"] {
  color-scheme: dark;
  --color-text: var(--color-text-dark);
  --color-bg: var(--color-bg-dark);
}

[data-theme="dark"] body {
  background: var(--color-bg-dark);
  color: var(--color-text-dark);
}

[data-theme="dark"] .item-welcomeBox { 
  display: none !important; 
}

[data-theme="dark"] .DiscussionHero--colored {
  color: var(--color-text-dark) !important;
  opacity: 0.95;
}

[data-theme="dark"] .Post-quote {
  background: rgba(255, 255, 255, 0.09);
  border-color: var(--border-dark);
  color: #cfd8dc;
}

[data-theme="dark"] .Composer-body textarea {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--border-dark);
  color: inherit;
}

/* 系统级暗黑模式支持 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-text: var(--color-text-dark);
    --color-bg: var(--color-bg-dark);
  }
  
  :root:not([data-theme="light"]) body {
    background: var(--color-bg-dark);
    color: var(--color-text-dark);
  }
  
  :root:not([data-theme="light"]) .item-welcomeBox { 
    display: none !important; 
  }
}

/* ================= 响应式布局系统优化 ================= */
/* 大屏设备 (1200px以下) */
@media (max-width: 1200px) {
  .container {
    padding: 0 15px;
  }
}

/* 平板设备 (768px以下) */
@media (max-width: 768px) {
  body,
  .Post-body,
  .DiscussionListItem-title {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
  }
  
  .DiscussionPage-nav .item-title {
    font-size: 18px;
    letter-spacing: 0.05em;
  }
}

/* 移动设备 (767px以下) */
@media (max-width: 767px) {
  .PostUser-level { 
    display: none; 
  }
  
  /* 移动端动画优化 */
  .Hero-title { 
    animation: none; 
    transform: translateZ(0);
  }
  
  .DiscussionListItem:hover {
    transform: none;
    box-shadow: none;
  }
  
  /* 移动端字体优化 */
  body,
  .Post-body,
  .DiscussionListItem-title {
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
    letter-spacing: 0.02em;
  }
  
  .Post-body p {
    margin: 1em 0;
  }
  
  /* 移动端按钮性能优化 */
  .IndexPage-newDiscussion {
    background-size: 200% 200%;
    animation-duration: 10s;
  }
}

/* ================= 可访问性与性能优化 ================= */
/* 减少动画偏好支持 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .Hero-title,
  .IndexPage-newDiscussion,
  .Hero.WelcomeHero {
    animation: none !important;
  }
  
  .Post-quote {
    transition: none !important;
  }
}

/* 焦点可见性优化 */
.IndexPage-newDiscussion:focus-visible {
  outline: 2px solid #4dabf7;
  outline-offset: 2px;
  border-radius: 4px;
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
  .Post-quote {
    border-width: 2px;
    background: transparent;
  }
  
  .IndexPage-newDiscussion {
    background: #0066cc !important;
    animation: none !important;
  }
}

/* 打印样式优化 */
@media print {
  .Hero-title,
  .IndexPage-newDiscussion {
    animation: none !important;
  }
  
  .Hero.WelcomeHero {
    background: white !important;
    animation: none !important;
  }
  
  /* 打印时隐藏不必要的元素 */
  .item-welcomeBox,
  .IndexPage-newDiscussion {
    display: none !important;
  }
}

阿米驴

叽哩呱啦请问在论坛内放入音视频如何实现，我音频5mb好像还没法上传成文件

叽哩呱啦

阿米驴嗯。超过5mb的话由于服务器负载，的确不能直接上传。上传到网盘转成直链

叽哩呱啦

阿米驴 https://pan.126330.xyz/ 比如这个，可以上传后转成直链，但速度一般

« 上一页