琼菇凉

摘要： 1.官网 动画库地址：https://animate.style/ 在动画库中查找需要的动画效果，点击可演示动画效果，鼠标放上可复制相应类名 2.下载css命令：npm install animate.css 把animate放入公共文件夹中 3.在APP.vue中引用全局引用animate.css 阅读全文

摘要： 一、需求描述： 图片数量不固定，一行放两个 1.图片奇数个时，最后一张图片铺满整行 2.图片偶数个时，最后一行还是一行放两个 解决思路：偶数时不变都是一行放两个，只有在奇数的时候最后一行放一个，所以只需要把奇数的最后一行宽度设置成100% HTML <view class="index"> <vie 阅读全文

摘要： vue开发时地址栏上的ip后面会跟着一个#号，如果想去掉这个井号，可以在路由上加上 mode: 'history', 即可去掉 //设置路由 const router = new VueRouter({ mode: "history", base: __dirname, routes: [ { pa 阅读全文

摘要： 在项目中为了避免页面间样式污染常用scoped组件私有化，如果要改变element-ui的样式时需要用样式穿透才可复写样式。 1./deep/ 在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错 /deep/ .el-input { width: 60px; } 阅读全文

摘要： 1.css 1）宽度固定 .vue-ellipsis{ overflow: hidden; //超出隐藏 white-space: nowrap; //不换行 text-overflow:ellipsis;//点点显示 } 2.substring截取字符串长度 如果遇到这种需要显示new，又不能换行 阅读全文

摘要： 新建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 阅读全文

摘要： 一、scss项目配置步骤 1.APP.vue 设置：lang="scss" <style lang="scss"></style> 2.uni.scss 引用：global.scss文件 @import '@/static/css/common/global.scss'; 3.global.scss 阅读全文

摘要： 效果图如下： HTML： <view class="disF"> <view class="qhItem"> <view class="m-qhTit">取号人姓名：</view> <view class="qhInput uni-input-wrapper"> <input type="text" 阅读全文

摘要： 1.禁用原生导航栏，APP、h5和微信小程序禁用的方法不一样哦，在page.json中配置如下： { "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "navigationStyle": "custom" 阅读全文

摘要： 在用uniapp写这个pc端项目时遇到一个表格需要展示全部的数据，但是页面上只显示4条数据，刚开始用overflow-y: scroll;出现滚动条。 因为滚动条占用位置导致表格错位，上下不对齐。scroll-view组件还是出现滚动条。 重点来了！！！ 在样式中引用这段代码，就可以解决啦！！！ : 阅读全文