Question

我正在使用R的闪亮应用程序库处理CSS问题。我包含HTML和CSS文件，并且在本地（在浏览器中）运行良好，但是当部署（在闪亮的服务器以及我自己的服务器上）时，即使CSS的某些部分仍可以正常工作，某些结构也被破坏了。

这是部署后的样子。

这是本地外观。

这是我的代码：

ui <- fluidPage(

  navbarPage("Peter Dieter",position = c("fixed-top"),
             tabPanel("Welcome!",
                      includeHTML("Welcomepage.html"),
                      HTML(paste0('<script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
                                  <div class="LI-profile-badge"  data-version="v1" data-size="medium" data-locale="de_DE" data-type="vertical" data-theme="dark" data-vanity="peter-dieter"><a class="LI-simple-link" href="https://de.linkedin.com/in/peter-dieter?trk=profile-badge">Peter Dieter</a></div>'))
                      ),
             tabPanel("My CV", 
                      includeHTML("srt-resume2.html")
             ),
             tabPanel("Projects",
                      includeHTML("Projects.html")
             ),
             tabPanel("Stats Game",
                      includeHTML("statsgamehtml.html"),
                      absolutePanel(actionButton("new","New Game"),top = "210px",left="200px"),
                      absolutePanel(sliderInput("inp","Pearson Correlation",min=-1,max=1,value = 0,step=0.01),top = "280px",left="100px"),
                      absolutePanel(plotOutput("dataplot"),top = "170px",left="520px",width = "500px"),
                      absolutePanel(actionButton("answer","Check Answer"),top = "460px",left="200px"),
                      useShinyalert()
             )
             ),

  includeCSS("resume.css"),
  setBackgroundColor(color=c("#2980B9","#6DD5FA"),gradient = c("radial"),direction = "right")
  )#

闪亮-CSS在本地运行，但在部署时无法正确运行

0 个答案: