2018 年 1月随笔档案 - 壮哉我大狮子

vue2.0 实现click点击当前li，动态切换class

摘要：<template> <div> <ul> <li v-for="(item,$index) in items" @click="selectStyle (item, $index) " :class="{'active':item.active,'unactive':!item.active}" 阅读全文

posted @ 2018-01-26 14:53 壮哉我大狮子阅读(461) 评论(0) 推荐(0)

vue 动态获取浏览器内容高度并赋值给元素

摘要：用到的是vue style绑定其中 v-bind=: 以下是代码 <template> <div class="hello"> <div :style="height"></div> </div> </template> <script> export default { name: 'hello 阅读全文

posted @ 2018-01-25 16:14 壮哉我大狮子阅读(29387) 评论(1) 推荐(0)

在vue中给列表中的奇数行添加class

摘要：奇数行：:class="{'active':index%2 != 1}" 偶数行：:class="{'active':index%2 != 0}" active是需要添加的class 阅读全文

posted @ 2018-01-23 15:05 壮哉我大狮子阅读(400) 评论(0) 推荐(0)

纯CSS实现小三角提示信息

摘要：实现后的效果如下：不带边框的带边框的在此提供两种实现方式： 1、不带边框的 css： *{margin:0;padding:0;} body{ background:#666; font:14px/20px "Microsoft YaHei"; text-align: left; } .ent 阅读全文

posted @ 2018-01-23 13:59 壮哉我大狮子阅读(1510) 评论(0) 推荐(0)

css3响应式神器

摘要：css3 响应式神器 calc() 背景：大家经常为遇到类似卡片的设计稿，如果卡片与卡片之间没有距离，如那写 width: 33.33%是没有什么问题的那如果是以下这种情况呢图片与图片之间的距离是 20px，那响应式处理起来难免麻烦。虽然可以通过 js 计算宽度解决，或者修改布局使用 box 阅读全文

posted @ 2018-01-18 17:18 壮哉我大狮子阅读(146) 评论(0) 推荐(0)

vue-cli写项目是遇到了问题

摘要：就是不能引入外部的css文件现在还不知道怎么办阅读全文

posted @ 2018-01-16 16:51 壮哉我大狮子阅读(186) 评论(0) 推荐(0)

vue-cli中如何创建并引入自定义组件

摘要：1.在components（专门放组件的文件）下创建一个header.vue文件 2.在App.vue文件里添加如下代码 <my-head></my-head> import myHead from './components/header' components : { myHead, } 此时h 阅读全文

posted @ 2018-01-05 16:43 壮哉我大狮子阅读(28362) 评论(0) 推荐(1)

在vue-cli中如何才能使用jq$符

摘要：首先npm install jQuery -S 1. 找到build文件夹下的webpack.base.conf.js文件在 module.exports = { 上面添加 var webpack = require("webpack") 在最后一个 } 前面添加如下代码（注：plugins: 阅读全文

posted @ 2018-01-05 16:29 壮哉我大狮子阅读(1336) 评论(0) 推荐(0)