摘要:
flex弹性盒子的使用: HTML部分: <view class="chunk-box"> <view class="chunk color1"></view> <view class="chunk color2"></view> <view class="chunk color3"></view> 阅读全文
摘要:
phpstrom编辑器为例:可以在eslintrc.js中对代码的格式进行一些配置 解决代码格式不符合规则的报错 module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', '@vu 阅读全文
摘要:
在stylus中使用: 1.在src目录下的assets文件中的styles文件中创建一个varibles.styl文件 2.在varibles.styl文件中书写代码 $bgColor = #00bcd4 3.在vue组件的style中引入全局样式 @import '../../../assets 阅读全文
摘要:
box-shadow:营造层次感(立体感)、充当没有宽度的边框、特殊效果(无限投影的方式作画等) <style> #box{ width: 200px; height: 200px; background: #ff0000; margin: 100px auto; /*参数:x方向偏移 y方向偏移 阅读全文
摘要:
一、安装axios(进入官方文档查看安装流程) 二、安装qs: 三、在main.js中引入axios和qs 1.全局引入: 阅读全文
摘要:
方法一: 1.进入阿里巴巴矢量图标库网站 https://www.iconfont.cn 2.创建项目 3.进入图标库中选取所需图标 添加到购物车 然后添加到创建的项目中 4.点击下载至本地 解压文件 5.在src目录下的assets目录下的styles文件中创建iconfont文件夹 6.将解压文 阅读全文
摘要:
一、在public文件夹中的html文件进行配置: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=1.0"> 阅读全文
摘要:
上述为配置:后面所有例子都以该配置为主 一般项目中会把路由文件分为两个部分: 1.配置路由列表文件 2. 创建路由实例文件(需引入vue-router插件) 实例化一个vue: 动态路由匹配: 嵌套路由: 命名路由 : 命名视图:(同一个页面上显示多个视图) 注意:路由列表中组件的优先级是由上而下的 阅读全文
摘要:
显示原理:当一个元素被 transition 包裹了之后,vue会自动当分析元素的css样式,然后构建一个动画的流程,在动画即将被执行的一瞬间(也就是事件触发后元素出现),vue会在内部标签上增加两个class名字,分别是 fade-enter,fade-enter-active,在动画执行到第二帧 阅读全文