- 博客(77)
- 收藏
- 关注
RSS订阅原创 el-table自定义表格数据
表格内的数据是：当前班级所在名次段的人数 / 当前班级1至n名的累计人数 5/12 也就是 5/7+5。截至到当前名次段总人数（上次考试） / 截至到当前名次段总人数（本次考试）截至到当前名次段总人数（上次考试） / 截至到当前名次段总人数（本次考试）人数最多的班级 标红，加粗；人数最少的班级 标蓝，加粗。人数最多的班级 标红，加粗；人数最少的班级 标蓝，加粗。先说一下第一种的实现方式：就是用这种笨办法，也能实现。
2023-12-14 21:19:45
785
原创 Internal server error: No known conditions for “./lib/locale/lang/zh-cn“ specifier in “element-plus
【代码】Internal server error: No known conditions for “./lib/locale/lang/zh-cn“ specifier in “element-plus。
2023-12-08 17:10:07
1389
原创 大图预览不循环 --（自定义大图预览组件）
需求是大图预览禁止循环，开始是用的elementui里面的el-image组件 但是这个组件源码里面的infinite为true是写死的 意味着必定会循环 我也没有找到其他配置方法可以禁止循环。
2023-11-29 20:08:11
372
原创 从一个页面跳转到目标页面之后，对应的顶部路由高亮
一级路由循环渲染 currentIndex高亮 添加点击事件。二级路由 currentChildIndex高亮 添加点击事件。在跳转页面（也就是学情概览页面）的methods里面新增一个方法。// 当前激活一级菜单的 index。需求：页面跳转到目标页面之后，对应的顶部路由高亮。上面的更多 跳转到 学情分析下面的学生分析。// 二级菜单index。
2023-10-24 20:14:42
306
原创 小程序：下拉刷新+上拉加载+自定义导航栏
refresher-triggered="triggered" 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发。值表示了菜单按钮的上边缘距离视窗上边缘多少像素，左边缘距离视窗左边缘多少像素，下边缘距离视窗下边缘多少像素，右边缘距离视窗右边缘多少像素，宽度为多少像素，高度为多少像素。refresher-enabled="true" 开启自定义下拉刷新 默认为false。triggered: false, //下拉刷新标记。
2023-10-12 15:40:29
1610
原创 将小数转换成百分比 并处理浮点问题 例如0.575
对小数进行运算处理的情况可能会出现浮点的问题.所以可以封装一个将小数转换成百分比并处理浮点的函数。
2023-07-11 11:34:58
163
6原创 只展示几行文字 超出部分隐藏且显示省略号
必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式,这里是垂直排列.-webkit-line-clamp 用来限制在一个块元素显示的文本的行数,为了实现该效果,它需要组合其他的webkit属性.text-overflow:ellipsip;可以用来多行文本的情况下,用省略号"..."影藏超出范围的文本.display: -webkit-box 必须结合的属性,将对象作为弹性伸缩盒子模型显示。
2023-06-27 22:02:49
267
原创 移动端列表左右滑动效果
这段代码是一个使用 uni-app 框架实现的横向滚动的标签页，其中使用了。方法，并将当前点击的元素和索引作为参数传入该方法中。绑定了一个对象，当当前元素的索引等于。，从而实现了标签页的选中状态。事件，当用户点击标签页时，会触发。数组中的每一个元素，并使用。组件实现横向滚动，并通过。属性来指定滚动方向为横向。
2023-06-27 17:29:41
518
原创 零基础带你基于vue2架构搭建qiankun父子项目微前端架构
然后在主应用vue-qiankun-base的运行端口访问 app1路由 (可以直接在浏览器后面拼接/app1)我们在子应用 vue-qiankun-app1 src目录下创建一个public-path.js。然后更改 vue-qiankun-app1子应用 的 vue.config.js。我们打开vue-qiankun-base主应用的根节点 App.vue。然后这时 我们来运行我们的基座项目 vue-qiankun-base。然后我们将子应用 vue-qiankun-app1项目运行起来。
2023-06-26 17:05:10
666
原创 uniapp项目设置页面滚动区域,并且(后端已完成分页的情况下)实现上拉加载更多数据
/ console.log(res.rankingList,'下拉刷新数据');title: '没有更多了',pageSize: 10, //步长。pageNum: 1, //开始页。title: '加载中'<view>滚动内容区域</view。//上拉加载请求数据拼接。
2023-06-20 10:57:44
2231
原创 uniapp写出文本域，右下角并限制字数200
console.log(e.detail.value.length, '输入的字数')js代码 在data中定义一个变量desc。
2023-06-20 10:41:12
1520
原创 uniapp小程序中的导航如何设置图片 自定义导航栏 +页面跳转+页面回退
要让中的背景图片全屏，可以在标签中添加以下样式：page {在这个样式中，background-image属性设置背景图片的URL，background-size属性设置背景图片的尺寸，background-repeat属性设置是否重复背景图片，background-position属性设置背景图片的位置。通过设置background-size: cover;，让背景图片充满整个屏幕。注意，在设置背景图片之前，要确保在你的项目静态资源文件夹中有这个图片。
2023-06-14 14:04:20
7115
原创 时间日期格式转换大全
const show_day = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];// 如果日是个位数，在前面补0。// 如果月份是个位数，在前面补0。month = date.getMonth() + 1, //获取当前月份(0-11,0代表1月)//打印结果为 2023-06-13 11:17:23。let year = date.getFullYear(), //获取完整的年份(4位)// 获取当前日(1-31)// 定义星期的缩写。
2023-06-13 11:20:50
3802
原创 小程序项目 后端一次返回10万条数据
在滚动事件中，使用节流函数可以避免频繁触发加载数据的操作，提高页面的性能和用户体验。如果后端已经对数据做了分页处理，那么前端可以通过监听滚动事件，在页面滚动到底部时触发加载下一页数据的事件，从而实现下拉加载数据的效果。此外，在加载数据时，也可以显示加载中的提示，提高用户体验。分页加载：将数据分成多页，每次加载一页数据，可以避免一次性加载大量数据导致页面卡顿，同时也可以提高用户体验。前端缓存：对于一些静态的数据，可以在前端进行缓存，减少网络请求的次数，提高页面性能。的信息，并判断页面是否滚动到底部。
2023-06-09 19:56:59
540
原创 html怎么判断PC端和移动端从而显示不同的图片？
/ if判断，是不是移动端；如果是，则定义为移动端图片；如果不是，则定义为PC端的图片；-- ID = [imags],这个要对应上上面赋值的ID；如果有多张图的，更改不同ID即可;// 把变量[adres] 赋值给 [video](这个名字也可以随便取);那么,如果想要pc端显示视频,移动端显示图片 怎么做呢?console.log("移动端");console.log("pc端");检测当前是pc端还是移动端。
2023-05-21 11:17:02
1210
原创 如何去掉element-ui的el-card自带的padding
最近在项目中有大量用到element-ui的卡片布局,但是它本身自带的padding就非常影响后面进行样式调整,所以我是直接写行内样式去掉padding,设置body-style就可以了.现在征集大佬们知道的更多的其他的解决方案,欢迎大佬们留言,不知道为啥,我用深度选择器设置padding值为0 不生效.
2023-04-07 17:12:07
2011
原创 如何搭建vue脚手架
提问：为什么不全局使用？(具体可根据项目需求)使用：eslint的预制配置，且了解配置作用。使用 create-vue 脚手架创建项目。vscode 开启 eslint 自动修复。知道：默认生成的路由代码的含义。安装：项目开发需要的一些插件。实现：完整使用vant组件库。了解：每一个目录结构的作用。2.选择项目依赖类容。如何创建实例的方式？
2023-04-06 14:06:42
692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人