<i :style='{ "color":"#fff", "margin":"0 3px", "fontSize":"14px"}' class="fas fa-heart-broken"></i>想让这个图标边框是黑的，里边是白的

可以使用CSS的border和background属性来设置这个图标的样式。具体实现代码如下：

<i style="color: black; margin: 0 3px; font-size: 14px; border: 2px solid black; border-radius: 50%; background-color: white;" class="fas fa-heart-broken"></i>

上述代码中，我们给这个图标设置了黑色的边框，半径为50%的圆角，白色的背景色，以及黑色的文字颜色。您可以根据需要调整代码中的参数来达到您期望的效果。

相关问题

<i :style='{ "color":"#fff", "margin":"0 3px", "fontSize":"14px"}' class="fas fa-heart-broken"></i>想让这个图标边缘是实线黑边，而里边是白的

您可以通过CSS样式来为图标添加边框和背景色。以下是一种实现方式：

<i class="fas fa-heart-broken" style="border: 1px solid black; background-color: white; padding: 2px;"></i>

上述代码中，我们为`<i>`标签添加了一个1像素宽的实线黑色边框，背景色设置为白色，并为图标添加了2像素的内边距。您可以根据需要调整这些值。

固定他在屏幕中的位置： <div class="navbar"> <div class="title" :style='{"display":"block",}'> <span class="title-name" :style='{"cursor":"default","padding":"0 0 0 12px","lineHeight":"44px","fontSize":"38px","color":"#fff","font-family": "楷体","float":"left","fontWeight":"600","textShadow": "4px 4px 2px rgba( 0, 0, 0, .5)"}'>{{this.$project.projectName}}</span> </div> <div class="right" :style='{"position":"absolute","right":"20px","top":"8px","fontWeight":"600","display":"flex"}'> <div :style='{"cursor":"default","margin":"0 5px","lineHeight":"120px","color":"#fff","margin-right":"20px"}' class="nickname" >{{this.$storage.get('role')}} {{this.$storage.get('adminName')}}</div> <!-- <div :style='{"cursor":"pointer","margin":"0 30px","lineHeight":"120px","color":"#000"}' v-if="this.$storage.get('role')!='管理员'" class="logout" @click="onIndexTap">退出到前台</div> --> <div :style='{"cursor":"pointer","margin":"0 5px","lineHeight":"120px","color":"#fff","margin-right":"30px"}' class="logout" @click="onLogout" >退出登录</div> </div> </div>

这段代码是一个网站的导航栏，其中的标题和右侧的用户信息是放在同一个父级元素下的。如果想要固定这个导航栏在屏幕的位置，可以在父级元素 `.navbar` 上添加 `position: fixed` 样式，并设置 `top` 和 `left` 属性来确定它在屏幕的位置。例如：

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  /* 其他样式 */
}

这样就可以使导航栏一直保持在屏幕的顶部，不随页面滚动而移动。需要注意的是，由于 `position: fixed` 可能会导致元素脱离文档流，可能会影响其他元素的布局。在具体使用中需要注意这一点。