detail-close中的icon-close图标没有显示

来源：16-10 详情弹层页（2）- CSS Sticky footer

二师兄师傅把妖怪给吃了

2017-06-12

<div class="detail-wrapper clearfix">
<div class="detail-main">
<p>{{seller.bulletin}}</p>
<p>{{seller.bulletin}}</p>
<p>{{seller.bulletin}}</p>
</div>
</div>
<div class="detail-close">
<i class="icon-close"></i>
</div>
</div>

.detail-close
position relative
width 32px
height 32px
margin -64px auto 0 auto
clear both
font-size: 32px

按照老师的步骤做的，但是icon-close的图标没有显示出来是为什么呢？

写回答

3回答

nice是个爱学习的好女孩

2019-06-26

同学，这个问题解决了吗？

Maybrittnels4034018

2017-09-12

我之前在chrome按手机显示100%，就会看不到，

ustbhuangyi

2017-06-12

你看看最终在页面生成的 css 的样式代码，有没有什么问题。这里也有课程源码可以对比：https://github.com/ustbhuangyi/vue-sell

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程

相似问题

icon-close显示不了

回答 1

我这里面margin-top为什么给了父元素detail-wrapper

回答 2

icon-close引得是哪的图标

回答 1

封装icon图片

回答 3

老师，这个wrapper用display:inline-block;的作用是什么呢。如果不加，好像效果还不一样，会把close顶下去

回答 3

打开慕课网App查看更多内容