Skip to content

Instantly share code, notes, and snippets.

View yejiang1015's full-sized avatar

yejiang yejiang1015

4 followers · 8 following
View GitHub Profile
@yejiang1015
yejiang1015 / ivew v-model select 复选
Created November 17, 2017 01:47
<template>
<Select v-model="value" multiple>
<Option v-for="item in lists" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</template>
<script>
/**
* @script 结案方式 多选 区别单选 字符串类型值，一个value双向绑定
*
* @Author: yejiang
@yejiang1015
yejiang1015 / ivew v-model select 单选
Created November 17, 2017 01:45
<template>
<Select v-model="values" clearable style="width:200px">
<Option v-for="item in lists" :value="item.value" :key="item.value">{{ item.label }}</Option>
</Select>
</template>
<script>
/**
* @script 性别
*
* @Author: yejiang
@yejiang1015
yejiang1015 / vue watch 语法
Created November 17, 2017 01:43
// 1
watch: {
watchObj: {
deep: true,
handler(val) {
console.log(val, 'watchVal');
}
}
}
@yejiang1015
yejiang1015 / 父子组件使用v-model实现双向数据绑定
Created November 7, 2017 07:17
<template>
<input type="text" v-model="value2">
</template>
<script>
/**
* @script
*
* @Author: yejiang
* @Date: 2017-10-25
*/
@yejiang1015
yejiang1015 / 修改input框的placeholder字体颜色
Created September 15, 2017 07:07
::-webkit-input-placeholder {
/* WebKit browsers */
color: #ddd;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #ddd;
}
@yejiang1015
yejiang1015 / 使用border实现等边距布局
Created September 8, 2017 02:45
场景: 一个盒子，盒子内有四个子盒子，子盒子基于父盒子等边距居中，子盒子内的内容再基于子盒子居中---》实现等边距内容居中
-------------------
1. 假如等边距为16px；由于边框不会像margin一样出现合并。
2. 给父盒子设置宽高,（UC浏览器获取不到flex布局的自适应的高度，可用定位0来得到高度：left:0,right:0,bottom:0,top:12rem;）
3. 给父盒子设置边框，边框宽度为目标距离的一半
4. 给子盒子设置边框，边框宽度为目标距离的一半 （边框上下左右都设置）
5. 即可实现等边距效果，给边框设置边距自己的颜色即可实现
6. 再用flex设置子盒子，使用flex属性可让子盒子内的内容居中
7. 核心：父子同时设置目标距离的一半边框宽度，子盒子浮动
8. 效果实现。
@yejiang1015
yejiang1015 / vue node-sass 安装
Created September 6, 2017 03:35
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/
npm install node-sass
yarn add node-sass