fix(一周安排小组件): 面板关横向滚动(修外框 X 轴滚动条、日期条被裁)+ 色系 #5979ea、列表区固定 3 条、信息行全空落「-」、备注无则不渲染
build / build (push) Successful in 43s
build / build (push) Successful in 43s
- 色系:#2d8cf0 / #1d4ed8 整族换 #5979ea(hover #4864d8),覆盖今日方块、圆点、查看概览、展开、今日星期 - 列表区:268px(≈5 条) → calc(var(--wk-row) * 3) = 171px(正好 3 条 + 滚动),新增 --wk-row: 57px - 条目等高 57px;信息行(地点 · 负责人 · 出席对象)恒渲染,三者全空落「-」,不再留白 - 备注:无备注整块不渲染;超 2 行才出「展开」且贴第二行末尾;remarkText 加 trim;换周重置 remarkOverflow - 「查看概览 ›」→「查看概览」(去掉箭头字符) - 修 X 轴滚动条根因(views/index.vue):widgetOptions 的 scrollPanel 关掉 scrollingX 原 scrollingX=true 时 vuescroll 给 .__view 内联 width:fit-content,包含块被最长文本撑到 ≈425px ⇒ 面板 scrollWidth 561 > clientWidth 391,外框出 #333 横向条、日期条 7 列被裁成 5 列、长条目省略号失效 同时 .content { min-width: 0 } 兜底(flex 项默认 min-width:auto 会让 nowrap 文本不收缩)
This commit is contained in:
+12
-1
@@ -216,9 +216,20 @@ const dragObj = reactive({
|
||||
parentH: 0,
|
||||
});
|
||||
|
||||
/**
|
||||
* vuescroll 面板参数。
|
||||
* ⚠️ scrollingX 必须显式 false:vuescroll 默认 true,此时 native-panel 会给 .__view 内联
|
||||
* `width: fit-content; min-width: 100%`,`.widget-item` 的包含块就被「最长的 nowrap 文本」
|
||||
* 撑宽(白卡 357px → 内容 ≈425px)⇒ 列表条目 text-overflow 永不触发(文字顶到卡边被硬裁)、
|
||||
* 七日条按更宽容器等分(六/日被裁),面板 scrollWidth > clientWidth ⇒ 外框出横向滚动条。
|
||||
* 关掉后 .__view 走 `width: 100%` 分支。面板内组件均不依赖横向滚动:
|
||||
* 课表自带 .tt-scroll(纵向)、自定义片段是 iframe width:100%。
|
||||
*/
|
||||
const widgetOps = {
|
||||
vuescroll: {},
|
||||
scrollPanel: {},
|
||||
scrollPanel: {
|
||||
scrollingX: false,
|
||||
},
|
||||
rail: {},
|
||||
bar: {
|
||||
background: "#333",
|
||||
|
||||
Reference in New Issue
Block a user