小米商城问题记录

浮动造成边框崩塌问题

.container::after{
    content: "";
    display: table;
    clear:both;
}

display: table可以触发BFC块格式化上下文, 限制其内部元素float的不影响到BFC外面.

清除float样式可以解决边框崩塌问题

回车造成空格问题

.topbar-nav{
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 0;
}
.topbar-nav span{
    font-size:12px;
    color: #424242;
    font-faimily:sans-serif;
    margin: 0.5em;
}

先将font-size变成0，然后再设置size属性

字体上下居中问题

.topbar-nav{
    float: left;
    height: 40px;
    line-height: 40px;
}

设置height和line-height和父标签一致即可

对于矢量图的应用

目的：对于搜索标签的value进行icon的替换

解决方法：先去阿里iconfont进行下载，然后导入相关css文件，在class里面引用，然后用unico码填入value

<input type="submit" value="&#xe63c;" class="search-btn iconfont">

<<<<<<< HEAD 效果：

cursor使用

pointer为点击小手状态

三角锋绘制

======= 效果：

cursor使用

pointer为点击小手状态

1042a563b24f1cb89c3e3f4407273886db9c60e8

vue-mistore的问题

在vue的项目里面，建议把打的图片放到public里面，小的图片比如icon和css等可以放到assets里面，因为webpack会将其打包成base64文件来减少请求