- 博客(16)
- 收藏
- 关注
RSS订阅原创 水平垂直居中6种
1，flex布局在父元素设置样式father{display:flex;justify-content:center;align-items:center;}2，flex布局在子元素上设置样式father{display:flex} children{margin:auto}3，flex布局在子元素上设置样式.father{display:flex}.children{align-self:center;margin:auto;}4,定位,marginfather{position:rela
2022-01-07 14:22:52
266
原创 display属性
1，display:none; //隐藏2，display:block //块状显示1.默认独占一行，2.高度自适应高度， 3，排列方式从上到下显示，4，可以通过宽高改变大小，5，可以通过margin:0auto;实现左右居中3，display:inline; //内联显示，1、默认大小为内容的大小，2.排列方式从左到右， 3，不可以通过宽高改变大小，4，不可以通过margin:0auto;实现左右居中4，display:inline-block;//内联块状显示1.默认大小为内容的大小，2
2022-01-07 14:17:06
308
原创 flex
flex属性:需要给父层设置flex，来改变子层的结构变化** 1,flex-direction【修改排序方式，主轴X轴，还是侧轴Y轴】**flex-direction:row; //默认向X轴排列，从左到右 felx-direction:row-reverse; //X轴排列，从右到左flex-direction:column; //Y轴排列，从上到下 flex-direction:column-reverse;//Y轴排列，从下到上2,justify-content【设置主轴X轴，子元素的
2022-01-05 15:50:42
133
原创 JS下载后台接口返回的二进制文件
<div><a class="zhushen2" class="layui-table-link" href="javascript:download(\'' + '' + '\',\'' + d.filePath + '\')"style="margin-top:10px" >下载</a></div>function download(utl){ var url =utl; var that = this; //判断是否I
2020-11-30 10:44:42
769
原创 前端总结
1，vue组件之间的传值：(1)父传子值：父：子：{{data}}props:{data:{default:’默认值’,Type:String}}（2）子传递父值：子：<button @click=’goFather’>goFather(){This.KaTeX parse error: Expected 'EOF', got '}' at position ...
2020-02-08 12:59:31
286
原创 Vue遮罩图点击空白取消遮罩方法
1，遮罩层页面，例子 ref="configPackage <div v-if="pickshow==true" class="shadow" ****@click.stop="maskFun**"**> <div class="shows" **ref="configPackage"**> <div class="htitle">换台</...
2019-12-12 16:33:13
1214
原创 Vue使用视频播放器
1，安装插件npm install vue-video-player -s2，main.js引入import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlaye...
2019-12-11 14:28:36
845
1
原创 Vuex的使用
一，定义变量的使用和定义1,安装 npm install vuex2,创建，引入：在src目录下创建vuex目录便于集中管理，创建store.js文件：store.js文件： import Vue from 'vue'; import vuex from 'vuex'; Vue.use(vuex); //创建一个常量 const store = new vuex.Store({...
2019-12-02 11:34:29
87
原创 vue实现数字上下滑动效果
参考网址https://www.cnblogs.com/tuspring/p/9801603.html1，安装：npm install vue-count-to2，引入使用<template> <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo><...
2019-11-21 16:38:42
1017
原创 vue 使用e-chart
官网：https://echarts.apache.org/examples/zh/index.html#chart-type-line1,安装，下载，并且全局挂载 import echarts from 'echarts' Vue.prototype.$echarts = echarts;2,页面直接使用，根据官网的案例调整数据<div style="width:100%;he...
2019-11-19 16:28:28
1661
原创 vue axios请求数据
1，安装axios,引入import axios from 'axios';2，直接使用axios.post(url,QS.stringify(data)) .then(function (response) { that.$message({ showClose: true, message: '申请加盟成功，请等待联系', type: 'warning' });...
2019-11-18 11:39:41
90
原创 vuex的使用
一，定义变量的使用和定义1,安装 npm install vuex2,创建，引入：在src目录下创建vuex目录便于集中管理，创建store.js文件，store.js文件中： import Vue from 'vue'; import vuex from 'vuex'; Vue.use(vuex); //创建一个常量 const state={ is...
2019-11-12 12:04:06
112
原创 前段移动端轮播图手动滑动
1，安装：cnpm install vue-awesome-swiper --save2，全局引入： import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/swiper.css' Vue.use(VueAwesomeSwiper,3,轮播内容：<swiper :options...
2019-11-08 10:52:02
427
原创 vue定义全局变量方法
1，将要定义的变量放入写好的 common.js文件2,export导出变量：const url=‘http:123’;export default{url,}3,全局挂载，在main.js中：import common from ‘./components/common.js’ //引用文件Vue.prototype.common= common; //挂...
2019-11-07 14:57:59
180
原创 web页面图片放大预览效果
web 网页图片发大功能（vue案例）：1，安装插件：cnpm install vue-directive-image-previewer -D2，引入文件：import VueDirectiveImagePreviewer from ‘vue-directive-image-previewer’import ‘vue-directive-image-previewer/dist/ass...
2019-11-01 16:10:51
1708
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人