摘要:
一、下载依赖包 npm install --save axios 二、封装 ajax 请求模块 2.1 api/ajax.js /* ajax 请求函数模块 */ import axios from 'axios' export default function ajax (url = '', da
阅读全文
posted @ 2021-06-28 15:35
pwindy
阅读(364)
推荐(0)
摘要:
1.先在远程仓库(码云)建立index-swiper分支(线上分支) 2.把线上分支(index-swiper)拉到本地 git pull 3.在本地,切换到index-swiper分支, git checkout index-swiper 4.此时,本地已经是index-swiper分支的环境 5
阅读全文
posted @ 2021-06-28 10:42
pwindy
阅读(376)
推荐(0)
摘要:
手机端本地运行 1、确保手机和电脑连接同一个wifi 2、查询电脑的IP地址 (WIN+R ,命令:ipconfig 找到IPv4地址) 3、修改vue项目config下index.js的host内容替换为第二步查找的IP地址 4.重新运行项目,百度'草料二维码',利用草料二维码将运行地址生成二维码
阅读全文
posted @ 2021-06-28 10:29
pwindy
阅读(1669)
推荐(0)
摘要:
效果展示: 方法一:通过rem来,设置固定的宽高(width:100%,height:3.75rem) 1rem = 50px html布局代码 <div class="icon_wrap"> <div class="icon_squ" v-for="item in iconList" :key="
阅读全文
posted @ 2021-06-27 12:54
pwindy
阅读(523)
推荐(0)
摘要:
错误的引入方式: export default { data () { return{ imgUrl_homePage:'@/assets/img/homePage_active.png' } } } 因为webpack是按字符号打包的,正确的引入方式: 1.import在外部引入 import i
阅读全文
posted @ 2021-06-26 11:24
pwindy
阅读(858)
推荐(0)
摘要:
宽:高=31.25% 方式一: width: 100%; height: 32.5vw;(一些旧的浏览器会存在不兼容的问题) 方式二: overflow: hidden; width: 100%; height: 0; padding-bottom: 31.25%;
阅读全文
posted @ 2021-06-25 16:25
pwindy
阅读(144)
推荐(0)
摘要:
1.在命令行里面输入 npm install vue-awesome-swiper@2.6.7 --save 2.在main.js文件里面写入一下代码 import VueAwesomeSwiper from 'vue-awesome-swiper' import 'swiper/dist/css/
阅读全文
posted @ 2021-06-25 16:15
pwindy
阅读(231)
推荐(0)
摘要:
效果显示: 1.html代码 <template> <div class="home_main"> <div class="home_back"> <div class="iconfont icon-back"></div> </div> <div class="home_input"> <span
阅读全文
posted @ 2021-06-23 16:56
pwindy
阅读(160)
推荐(0)
摘要:
1.新建varibles.styl文件,定义一个背景颜色的全局变量 注意格式: 1.#00bcd4没有带引号 2.没有输出符号 2.在组件中的style部分引入新建的varibles.styl文件 3.在样式中使用全局变量
阅读全文
posted @ 2021-06-23 16:31
pwindy
阅读(262)
推荐(0)
摘要:
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maxmum-scale=1.0,user-scalable=no"> 作用:在移动浏览器中,当页面宽度超出设备,浏览器内部虚拟
阅读全文
posted @ 2021-06-22 11:12
pwindy
阅读(452)
推荐(0)