🎨 数据库不能设置布局

This commit is contained in:
Vanessa 2023-10-14 10:01:42 +08:00
parent 69d8c93c98
commit 7d6f9bb0df
4 changed files with 41 additions and 16 deletions

View file

@ -29,7 +29,7 @@ export const avRender = (element: Element, protyle: IProtyle, cb?: () => void) =
let html = "";
[1, 2, 3].forEach(() => {
html += `<div class="av__row">
<div style="width: 24px"></div>
<div style="width: 24px;flex-shrink: 0"></div>
<div class="av__cell" style="width: 200px"><span class="av__pulse"></span></div>
<div class="av__cell" style="width: 200px"><span class="av__pulse"></span></div>
<div class="av__cell" style="width: 200px"><span class="av__pulse"></span></div>
@ -169,8 +169,9 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
<span class="item__text">${item.name}</span>
</div>`;
});
const paddingLeft = e.parentElement.style.paddingLeft;
const paddingRight = e.parentElement.style.paddingRight;
const setWidth = e.style.width.endsWith("%");
const paddingLeft = setWidth ? "" : e.parentElement.style.paddingLeft;
const paddingRight = setWidth ? "" : e.parentElement.style.paddingRight;
setTimeout(() => {
e.firstElementChild.outerHTML = `<div>
<div class="av__header" style="padding-left: ${paddingLeft};padding-right: ${paddingRight};">
@ -205,9 +206,14 @@ ${cell.color ? `color:${cell.color};` : ""}">${text}</div>`;
</div>
</div>`;
if (e.parentElement.clientWidth > 0) {
e.style.width = e.parentElement.clientWidth + "px";
e.style.maxWidth = e.parentElement.clientWidth + "px";
}
if (setWidth) {
e.style.alignSelf = "";
} else {
e.style.width = "";
e.style.alignSelf = "center";
}
e.style.alignSelf = "center";
e.setAttribute("data-render", "true");
if (left) {
e.querySelector(".av__scroll").scrollLeft = left;