px2rem 以及 css模块化

px2rem

自适应 {
viewport 和 设备像素比调整基准像素
利用px2rem 自动转换rem
}
移动端 hotcss > prem 像素

hotcss => webpack.config.js => entry: [‘./app/js/viewport.js’, ‘./app/js/main.js’]

项目组件化设计 css module

滑动 => vue-awesome-swiper
复制路径 => copy-link-adress

p {
    /*均分两端对齐*/
    justify-content: space-around;
    /*隐藏字体*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.content {
    @include list(row)
    .item {
        width: 50%;
        box-sizing: border-box;
        &:first-child {
            padding: 32px 20px;
            text-align: center;
        };
        &:nth-child(3) {

         };
        &:nth-child(n + 3) {

         };
        &:last-child:after {

         }
    }
}

赏

1分也是爱

微信