如何在不使用R Markdown的前提下为Shiny应用添加开发者信息
无需R Markdown的Shiny开发者信息页实现方案
直接使用Shiny原生的栅格布局组件+内联CSS即可实现卡片式的开发者介绍效果,不需要引入额外的R Markdown依赖。你可以参考下面修改后的完整代码:
library(shiny) library(shinythemes) ui <- shiny::navbarPage(theme = shinytheme("flatly"), title="Test", collapsible = TRUE, tabPanel("Developers", br(), # 单个开发者卡片模块 fluidRow( # 卡片容器,加边框和内边距 div(style = "border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; margin: 0 15px 20px 15px;", column(width = 3, # 头像展示,调整尺寸和圆角,src可替换为自己的头像地址 img(src = "自定义头像地址", style = "width: 150px; height: 150px; border-radius: 50%;") ), column(width = 9, h2(a("Jose Souza", href="www.josesouza.com", target="_blank")), h4("e-mail: jojo.souza@1208.com"), # 可额外添加职位、介绍等信息 p("高级数据分析师,专注于交互式可视化开发", style = "font-size: 16px; margin-top: 10px;") ) ) ) # 要添加更多开发者,直接复制上面的fluidRow模块修改对应信息即可 ) ) server <- function(input, output,session) { } shinyApp(ui = ui, server = server)
可调整配置说明
- 头像的
src属性可以替换为你本地图片的路径(需要放在Shiny应用的www目录下)或者自定义的在线图片地址 - 可以调整容器
style参数里的边框颜色、圆角大小、内边距、边距等值,匹配你的应用主题 - 右侧信息区域可以自由添加职位、个人简介、社交账号链接等额外内容
内容的提问来源于stack exchange,提问作者user16774617
相关产品推荐
相关产品推荐

