【发布时间】:2021-08-11 17:22:16
【问题描述】:
我正在使用 rails 和 tailwind css 开发我的 intagram 克隆应用程序。我已经设法创建了一个导航栏,我正在尝试在“导航栏”的左侧添加一个徽标,但是当我在本地运行它时,图像没有加载。
我的 navbae.html.erb :
<nav class="flex justify-between items-center">
<a href=<%= root_path %>>
<%= image_tag "/images/logo.png" %>
</a>
<div>
<% if user_signed_in?%>
<a><%= link_to"Home", root_path, class: "text-lg no-underline text-grey-darkest hover:text-blue-dark ml-2"%> <i class="fas fa-home"></i></a>
<a><%= link_to"My profile", profile_path(current_user.username), class: "text-lg no-underline text-grey-darkest hover:text-blue-dark ml-2"%> <i class="far fa-user"></i> </a>
<a><%= link_to"New Post",new_post_path, class: "text-lg no-underline text-grey-darkest hover:text-blue-dark ml-2"%> <i class="fas fa-plus-square"></i></a>
<a><%= link_to "log out", destroy_user_session_path,method: :delete, class: "text-lg no-underline text-grey-darkest hover:text-blue-dark ml-2" %> <i class="fas fa-sign-out-alt"></i></a>
<%else%>
<a><%= link_to "sign up", new_user_registration_path,class: "text-lg no-underline text-grey-darkest hover:text-blue-dark ml-2" %> <i class="fas fa-user-plus"></i></a>
<a><%= link_to "sign in", new_user_session_path,class: "text-lg no-underline text-grey-darkest hover:text-blue-dark ml-2" %><i class="fas fa-sign-in-alt"></i></a>
<%end%>
</div>
</nav>
【问题讨论】:
标签: html ruby-on-rails ruby erb tailwind-css