随笔分类 -  插件使用

总结平时使用到的插件
摘要:// 设置表头日期 const setHeadDate = (val: any) => { const nowDay = dayjs(val).day() // 这周的第一天 let str: any = null if (nowDay){ // 非周天,即当周 str = dayjs(val).s 阅读全文
posted @ 2024-05-07 10:23 幻影之舞 阅读(2706) 评论(0) 推荐(0) 编辑
摘要:项目采用vue3+vite,用的wangEditor实现文章编辑的 1.html <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode 阅读全文
posted @ 2023-07-14 15:33 幻影之舞 阅读(1179) 评论(0) 推荐(0) 编辑
摘要:之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2, web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错 一. 用vue2搭个项目,将minio通过require 阅读全文
posted @ 2023-07-14 10:58 幻影之舞 阅读(1923) 评论(0) 推荐(0) 编辑
摘要:var swiper = new Swiper("#swiper1", { slidesPerView: 3, observer:true, observeParents:true, grid: { rows: 2, }, spaceBetween: 30, pagination: { el: ". 阅读全文
posted @ 2023-07-13 13:35 幻影之舞 阅读(59) 评论(0) 推荐(0) 编辑
摘要:业务上最近需要做一个选择人员的页面,右侧会有一个快速索引,样式如下: 这个首先要把名字转拼音,然后取首字母,转大写,然后在新建的空对象里进行比对,如果有这个字母,就吧这条数据push进去,没有的话就在对象里创建该首字母的数组,再push进去,这样就形成了一个包含26个英文字母数组的对象 结构就是 对 阅读全文
posted @ 2023-04-26 10:37 幻影之舞 阅读(316) 评论(0) 推荐(0) 编辑
摘要:<a-form :model="rightData" labelAlign="left"> <a-form-item label="标识名"> <a-input v-model:value="rightData.name" :placeholder="input" /> </a-form-item> 阅读全文
posted @ 2023-04-11 17:50 幻影之舞 阅读(505) 评论(0) 推荐(0) 编辑
摘要:需求: 想要实现这样的一个需求,左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行,又用的form-create-design,但vue3版本的只有element plus库,系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 阅读全文
posted @ 2023-04-11 16:12 幻影之舞 阅读(4842) 评论(0) 推荐(0) 编辑
摘要:业务有个需求,生成一个票据单,然后将他生成图片 类似于这样,然后点生成图片,将页面展示内容生产图片 首先安装html2canvas npm i html2canvas 使用的页面:<template> <div ref= 'receipt'> ..... <el-button @click="cre 阅读全文
posted @ 2023-02-09 17:05 幻影之舞 阅读(615) 评论(0) 推荐(0) 编辑
摘要:需求: 要搞一个实时提醒弹窗,刚开始用的element plus里的Notification, 但后面原型图又改了,加上了交互,需要有点击功能 element plus 这时候就显得很鸡肋了,而且他的自定义html只支持原生,做个点击功能都费劲 所以这时候推荐一款插件:Toastification 阅读全文
posted @ 2022-11-23 18:14 幻影之舞 阅读(2081) 评论(2) 推荐(0) 编辑
摘要:// body类 bodyClassName: [], // 容器元素 container: document.body, // 单击即关闭 closeOnClick: true, // 允许通过拖动和滑动事件关闭 draggable: true, draggablePercent: 0.6, // 阅读全文
posted @ 2022-11-23 16:31 幻影之舞 阅读(218) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示