南风晚来晚相识

摘要： 在mouted中去获取页面的高度（clientHeight） 然后给每个区域动态分配值 对于页面一屏显示这个问题你首先看看自己用的电脑的分辨率 用js动态获取然后看看ui图是否是跟你的获取电脑的分辨率尺寸一致 如果一致的，你就可以按照UI图来，如果不是，你就要微调上下间距对应一屏展示 不可能所有的分 阅读全文

该文被密码保护。 阅读全文

摘要： 使用less 安装两个包 1 》cnpm install less less-loader --save-dev less中的注释 以 //开头的注释 不会被编译到css文件中去 以 /**/ 包裹的注释 会被编译到css 文件中去 3 》 1)使用@来声明一个变量 @pink:pink; 【颜色值 阅读全文

摘要： display: flex; 的默认轴是x轴 justify-content: 设置主轴上的子元素排列的方式 所以在使用之前要确定好哪一个是主轴 /* justify-content:flex-start; 如果主轴是x,从左到右 如果主轴是y,从上到下*/ /* justify-content: 阅读全文

摘要： <!-- 点击 vue实现点击图标，图标在2s中完成旋转 1==》如何让它在2s内完成旋转 使用动画 transform: rotate(-180deg); 动画的运动状态 transition: all 2s; 动画运动时间 2--》点击的时候就添加效果，用三目结算结合v-bind， 变量不加引号 阅读全文

摘要： <!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功，则给这个元素添加一个类active 2==》如何只显示 点击下标与之 阅读全文

摘要： 3==》v-for循环 绑定类名 在添加一个类 class="show-icon-div" 无论如何都有的 <i class="iconfont" :class="itemIcon"></i> 第二个:class="itemIcon"是动态绑定的 在添加一个class <div v-for="(it 阅读全文

摘要： /* border-top-right-radius: 40px; border-bottom-right-radius: 40px; 高度的一半就可以让右边变成一个半圆 */ .right-show { width: 200px; height: 80px; border-top-right-ra 阅读全文

摘要： align-content 运用在父级元素上 align-content: 它通常与子元素的div{ margin:10px } 一起联合使用。 用在子项出现换行的情况下，并是多行的情况下哦。运用在子项侧轴上的排列方式。 align-content的值 align-content: flex-sta 阅读全文

摘要： flex-wrap:运用到父元素上 结合 display: flex; flex-wrap: wrap; 换行 flex-wrap: nowrap; 不换行 #main { width: 300px; height: 300px; border: 1px solid #c3c3c3; display 阅读全文