摘要: 1.官网 动画库地址:https://animate.style/ 在动画库中查找需要的动画效果,点击可演示动画效果,鼠标放上可复制相应类名 2.下载css命令:npm install animate.css 把animate放入公共文件夹中 3.在APP.vue中引用全局引用animate.css 阅读全文
posted @ 2021-08-19 17:46 琼菇凉 阅读(2060) 评论(0) 推荐(0) 编辑
摘要: 一、需求描述: 图片数量不固定,一行放两个 1.图片奇数个时,最后一张图片铺满整行 2.图片偶数个时,最后一行还是一行放两个 解决思路:偶数时不变都是一行放两个,只有在奇数的时候最后一行放一个,所以只需要把奇数的最后一行宽度设置成100% HTML <view class="index"> <vie 阅读全文
posted @ 2021-08-03 13:45 琼菇凉 阅读(201) 评论(0) 推荐(0) 编辑
摘要: vue开发时地址栏上的ip后面会跟着一个#号,如果想去掉这个井号,可以在路由上加上 mode: 'history', 即可去掉 //设置路由 const router = new VueRouter({ mode: "history", base: __dirname, routes: [ { pa 阅读全文
posted @ 2021-07-14 09:52 琼菇凉 阅读(5495) 评论(2) 推荐(0) 编辑
摘要: 在项目中为了避免页面间样式污染常用scoped组件私有化,如果要改变element-ui的样式时需要用样式穿透才可复写样式。 1./deep/ 在vue3.0之前可使用,例如(复写样式前加/deep/),vue3.0及后使用就会报错 /deep/ .el-input { width: 60px; } 阅读全文
posted @ 2021-07-13 16:54 琼菇凉 阅读(5487) 评论(1) 推荐(1) 编辑
摘要: 1.css 1)宽度固定 .vue-ellipsis{ overflow: hidden; //超出隐藏 white-space: nowrap; //不换行 text-overflow:ellipsis;//点点显示 } 2.substring截取字符串长度 如果遇到这种需要显示new,又不能换行 阅读全文
posted @ 2021-07-13 11:19 琼菇凉 阅读(1333) 评论(1) 推荐(0) 编辑
摘要: 新建vue项目 一、 安装node.js https://nodejs.org/en/ 官网下载安装 1.cmd检测node是否安装成功:node -v 二、 安装npm 1.cmd检测npm是否安装成功:npm -v 三、 全局安装vue-cli npm install –global vue-c 阅读全文
posted @ 2021-06-07 16:23 琼菇凉 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 一、scss项目配置步骤 1.APP.vue 设置:lang="scss" <style lang="scss"></style> 2.uni.scss 引用:global.scss文件 @import '@/static/css/common/global.scss'; 3.global.scss 阅读全文
posted @ 2021-05-26 14:46 琼菇凉 阅读(2765) 评论(0) 推荐(0) 编辑
摘要: 效果图如下: HTML: <view class="disF"> <view class="qhItem"> <view class="m-qhTit">取号人姓名:</view> <view class="qhInput uni-input-wrapper"> <input type="text" 阅读全文
posted @ 2021-05-19 14:38 琼菇凉 阅读(6032) 评论(0) 推荐(1) 编辑
摘要: 1.禁用原生导航栏,APP、h5和微信小程序禁用的方法不一样哦,在page.json中配置如下: { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "navigationStyle": "custom" 阅读全文
posted @ 2021-04-29 15:43 琼菇凉 阅读(893) 评论(0) 推荐(0) 编辑
摘要: 在用uniapp写这个pc端项目时遇到一个表格需要展示全部的数据,但是页面上只显示4条数据,刚开始用overflow-y: scroll;出现滚动条。 因为滚动条占用位置导致表格错位,上下不对齐。scroll-view组件还是出现滚动条。 重点来了!!! 在样式中引用这段代码,就可以解决啦!!! : 阅读全文
posted @ 2021-04-29 14:03 琼菇凉 阅读(5591) 评论(0) 推荐(1) 编辑