Coder Social home page Coder Social logo

导出文件样式丢失 about rem-craft HOT 10 CLOSED

svchord avatar svchord commented on May 18, 2024
导出文件样式丢失

from rem-craft.

Comments (10)

svchord avatar svchord commented on May 18, 2024

确定是我的主题导致的吗?

from rem-craft.

allynlin avatar allynlin commented on May 18, 2024

我切换到默认主题导出是没有任何问题的,我没法确定一定是你的主题导致的这个问题,确实也没有测试其他主题,是不是都一样

from rem-craft.

allynlin avatar allynlin commented on May 18, 2024

目前来说,我只测试了 notion-light 主题和 默认主题,这两个主题都是没有任何问题的,所以暂时怀疑应该是主题导致的问题。其余的主题也并没有一个个尝试,还是希望您能查看一下,是不是主题的问题导致的它无法导出样式

from rem-craft.

svchord avatar svchord commented on May 18, 2024

请问可以贴一下您的测试文档吗?我刚刚试了下,我这边默认主题导出预览时也没有自定义的字体颜色、背景颜色和居中等

from rem-craft.

allynlin avatar allynlin commented on May 18, 2024

组件基础(上).sy.zip

from rem-craft.

allynlin avatar allynlin commented on May 18, 2024

这是刚提到的导出丢失样式的文档,您可以测试一下,关于默认主题导出和您的主题导出以及编辑器内预览的样式

from rem-craft.

allynlin avatar allynlin commented on May 18, 2024

导出预览和实际导出的效果还存在差异,具体还是要看实际导出 PDF 或 HTML 的样式

from rem-craft.

svchord avatar svchord commented on May 18, 2024

我这边定位到了问题来源,字体颜色问题是因为我之前把自己添加的css变量从theme.css中抽了出来;居中是没问题的。

但是如果想要完全修改好,会影响我主题之后的功能添加计划,所以你看下这样能不能接受:每次更新主题后,把themes/tdesign/light.css里面的内容,全部复制粘贴到根目录下的theme.css的开头,这样导出就没有问题了。

你现在就可以试试看,不需要等主题更新。

等等,如果是集市上的版本,可能还要再在上面提到的文件开头添加以下代码:

:root{
  --b3-font-color1: var(--b3-card-error-color);
  --b3-font-color2: var(--b3-card-warning-color);
  --b3-font-color3: var(--b3-card-info-color);
  --b3-font-color4: var(--b3-card-success-color);
  --b3-font-color5: var(--b3-theme-on-surface);
  --b3-font-color6: var(--b3-theme-primary);
  --b3-font-color7: var(--b3-theme-secondary);
  --b3-font-color8: var(--b3-theme-error);
  --b3-font-color9: #f5539e;
  --b3-font-color10: #944194;
  --b3-font-color11: #65b84d;
  --b3-font-color12: #f5822e;
  --b3-font-color13: var(--b3-theme-background);
  --b3-font-background1: var(--b3-card-error-background);
  --b3-font-background2: var(--b3-card-warning-background);
  --b3-font-background3: var(--b3-card-info-background);
  --b3-font-background4: var(--b3-card-success-background);
  --b3-font-background5: var(--b3-theme-surface);
  --b3-font-background6: var(--b3-theme-primary-light);
  --b3-font-background7: rgba(217, 211, 215, 0.5);
  --b3-font-background8: rgba(255, 193, 153, 0.5);
  --b3-font-background9: rgba(189, 201, 255, 0.5);
  --b3-font-background10: rgba(239, 218, 251, 0.5);
  --b3-font-background11: rgba(234, 202, 220, 0.5);
  --b3-font-background12: rgba(253, 198, 200, 0.5);
  --b3-font-background13: var(--b3-theme-on-background);
}

下个版本就不需要了。

from rem-craft.

svchord avatar svchord commented on May 18, 2024

啊,我突然找到了两全其美的办法,不需要你们操作了,等下个版本更新吧

from rem-craft.

svchord avatar svchord commented on May 18, 2024

最新版已修改并上传,请等待集市打包上架或自行下载最新发布版本使用

from rem-craft.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.