- 博客(13)
- 收藏
- 关注
原创 3D爱心 可旋转缩放
中“https://pc.kaixinmeng.cn/SubmitPictures/SubmitPictures502a84d1-22a8-408a-9cbd-c70f12073571”改成你想替换的网图地址(只能网图 …/ 或是绝对路径都不行)同样在JS文件夹中的script.js文件中注释掉第105行。+Q:3559231455私发(基本工作日在线)在JS文件夹中的script.js文件第90行。爱心中间的图片只能插入网图。
2023-04-10 10:16:39
185
原创 VUE页面顶部加载进度天
1. 先下载npm i nprogress --save2. 在router中index.js引入import NProgress from 'nprogress';import 'nprogress/nprogress.css';NProgress.configure({ easing: 'ease',//调整动画设置和速度ms speed: 500, trickle:true, //关闭进度条步进,设置 trickle 为 false。 showSpinne
2022-03-18 11:28:46
1041
原创 后台获取路由参数 拼接动态路由
动态路由根据登录的角色不同将后端返回的路由参数添加进路由中这是测试代码 meta里也可以写icon等剩下的正常写首先 var 一个变量然后进行路由拦截router.beforeEach((to, from, next) => { if (!getRouter) {//不加这个判断,路由会陷入死循环 if (!getObjArr('router')) { getRouter = testRouter//后台拿到路由 saveObjArr('router', getRout
2021-11-09 17:35:31
2048
原创 vue使用iconfont 及出现方框解决
VUE引入iconfont下载本地后放入vue项目中在main.js中导入如果出现图标显示方框的话在下载好中的iconfont.css配置一下把里面的iconfont改成icon即可
2021-11-04 16:34:43
1758
2
原创 超出文本出现省略号
CSS超出文本出现省略号p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}p要有宽度 这样文字超出那个宽度就自动省略出现…多行overflow: hidden;white-space:nowrap;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; //行数-webkit-box-orient: vertical; //
2021-09-13 12:07:22
189
原创 axios的get和post带参请求
postlet data = {id:1,name:"张三",}axios.post("API路径",qs.stringify(data)).then(res=>{ console.log(res); }) //需要引入axios 和 qs模块getlet data = {id:1,name:"张三",}axios.get("API路径?token=" + data.id+"&name="+data.name).the
2021-09-01 22:21:35
345
原创 VS Code live server 打开html页面显示Not Found
VS Code中的live server 打开html文件但页面显示Not Found这样情况打开vs code左下角管理 点击设置扩展里找到live server config然后在settings.json中编辑然后ctrl+z一下改变端口号 改成8080就行 "liveServer.settings.donotShowInfoMsg": true, "workbench.editor.enablePreview": false, "liveServer.setti
2021-08-27 11:55:36
1573
原创 Vue 当数组值改变页面没改变
之前遇到的问题了;<template> <div class="about"> <ul> <li v-for="(item,index) in arr" :key="index">{{item}}</li> </ul> <button @click="change">改变参数2</button> </div></template><s
2021-08-27 11:27:15
1039
原创 初使用VantUI
第一步:安装Vant项目在集成终端打开根据项目版本输入对应指令进行安装;# Vue 2 项目,安装 Vant 2:npm i vant -S# Vue 3 项目,安装 Vant 3:npm i vant@next -S第二部:引入组件这里推荐自动按需引入安装 babel-plugin-import 插件npm i babel-plugin-import -D在vue项目中配置 babel.config.js 文件module.exports = { presets: [
2021-08-27 10:50:54
367
空空如也
js数组空元素怎么判断
2023-05-18
js数组空元素怎么判断
2023-05-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人