1、cardview（卡片视图）使用mui-card类即可生成一个卡片容器，卡片视图主要有页眉、内容区、页脚三部分组成，结构如下：class="mui-card">class="mui-card-header">页眉class="mui-card-content">内容区class="mui-card-foot

1、有准确值的进度条有准确值的进度条会显示当前进度正处于整体进度的占比位置，用户可以更直观的预期完成时间；使用进度条控件，需要一个进度条控件容器，mui会自动识别该容器下是否有进度条控件，若没有，则自动创建。进度条控件DOM结构：id="demo1" class="mui-progressbar">初始化:mui(container).progre

一、编写全局scss变量/src/common/global.csss$c-bg: #FF3259;$c-text-w: #ffffff;$c-text-E: #ECECEC;$c-content-w: 1205PX;$c-content-m: 375px;二、vue.config.js引入全局scssvue.config.jsmodule.exports = {...

html>html lang="en">head>meta charset="UTF-8">title>仿百度搜索框title>meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">meta name

Vue.extend，Vue.component，Vue.use

项目是vue+webpack构建的，以前的时候热更新还挺正常的，一改动代码浏览器也就立马刷新了，现在基本都不刷新了，每次都手动npm run dev 重启服务才能看到更新的，很烦，查询了很多发现更改一下webstorm的设置就可以了。webstrom ：settings（ctrl+alt+s）-> system settings默认勾选‘safewrite’,勾选去掉就可以了

最近有需求要在后台管理支持自定义的emoji输入，记录一下开发过程。1. 表情包命名2. 定义表情包符合3.编写emoji组件4.页面中使用5.emoji展示1. 表情包命名表情包数量太多，命名到手抖 推荐使用神器 Everything2. 定义表情包符合多端使用的话需要统一表情包的符号{"xdx_001": "[-|xdx_001|-]"...

26.vue2.0与vue1的区别在每个组件模板，不在支持片段代码 组件中模板:之前:template>我是组件我是加粗标签template>现在:必须有根元素，包裹住所有的代码template id="aaa">div>我是组件

主要是让组件的可扩展性更强，简单点说就是，能够在组件内写其他内容1.匿名slot使用//定义组件my-component//使用方法我就是slot的替代内容，这里可以放任何标签元素，即使是一长串ul>li列表2.具名slot使用//定义组件my-componentdiv class="myComponent">slot name="

1.npm install animate.css –save2.main.js中引入import animate from ‘animate.css’Vue.use(animate)3.页面中使用<style type="text/css">p {width: 300px;height: 300px;background: red;margin: 10