摘要：
竖向自动滚动的柱状图，颜色文字图片等皆可修改，详情见代码 组件代码： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> </template 阅读全文
posted @ 2026-01-29 11:23
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
横向自动滚动的柱状图，颜色文字等参数详见代码，都可进行传参修改 PS：统一说明，修改子组件中的对象中的某一个值是通过$refs来修改 横向单个滚动 简单的基础展示，相关实现均可在代码中修改参数来做出展示。或在其基础上进行修改 组件代码如下： <template> <!-- 柱状图 横向滚动柱状图 - 阅读全文
posted @ 2026-01-29 11:22
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
可滚动的横向柱状图，可展示一个，也可以展示多个，颜色，文字，是否渐变等都可展示。 <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> </te 阅读全文
posted @ 2026-01-29 11:21
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
可滚动的棱柱图，包含文字展示的位置，是否可以多个还是单个，颜色的多个单个，有无背景等等： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> 阅读全文
posted @ 2026-01-29 11:21
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
可滚动的折线图，包含是否仅显示折线，显示阴影，显示文字，显示个数，显示自定义圆点图片等，相关变量详见组件代码： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:widt 阅读全文
posted @ 2026-01-29 11:20
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
/* * @Author: mxj * @Date: 2022-11-04 08:22:23 * @Last Modified by: mxj * @Last Modified time: 2022-12-12 17:32:58 */ <template> <!-- 饼图 --> <div :id= 阅读全文
posted @ 2026-01-29 11:20
星宝攸宁
阅读(1)
评论(0)
推荐(0)
摘要：
可滚动的塔状图，包含单个或者多个，颜色可变或者一致，或者渐变，详见代码： 相关组件代码： <template> <!-- 柱状图 横向滚动柱状图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> 阅读全文
posted @ 2026-01-29 11:19
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
颜色，背景，间距，可修改 组件代码： /* * @Author: mxj * @Date: 2022-11-04 08:22:23 * @Last Modified by: mxj * @Last Modified time: 2022-12-12 17:32:58 */ <template> <! 阅读全文
posted @ 2026-01-29 11:17
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
页面中的blockShow组件展示，可进行相关的样式修改，一般月饼图搭配使用，具体根据实际来 组件代码： <template> <!-- 这是新版的相对应的颜色列表的UI --> <div class="bllockListShow"> <div class="pieList" v-for="(it 阅读全文
posted @ 2026-01-29 11:17
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
3D圆饼图，可修改颜色，图片等，具体见代码： 组件代码： <template> <!-- 饼图 --> <div :id="histogramId" v-bind:style="{height:height,width:width}"></div> </template> <script src=" 阅读全文
posted @ 2026-01-29 11:16
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
基于VUE2的PC端的音视频通话 文档：https://cloud.tencent.com/document/product/647/78731 PC端音视频项目只能运行在https协议下，策略要求 步骤：粘贴了主要代码，相关次要代码比如token，请求人列表，userSing等根绝项目进行灵活变通 阅读全文
posted @ 2026-01-29 11:13
星宝攸宁
阅读(5)
评论(0)
推荐(0)
摘要：
IM使用之小程序 IM最新使用指南，相关使用时在VUE3的基础上进行使用的。 PS：引入的过程中肯定会遇到路径不对的这个问题，这个就需要自己根据实际情况做相关的修改了。 参考文档： https://cloud.tencent.com/document/product/269/64507 https: 阅读全文
posted @ 2026-01-29 11:13
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
页面中（特别是首页）中的类表格或者文档信息类的滚动使用，具体UI需要根据设计图进行代码编写，动效可直接复用。 页面中使用的js为scroll.js，以往的笔记中有记录 组件代码： <!-- * @Author: menxiaojin * @Date: 2023-05-05 15:25:31 * @L 阅读全文
posted @ 2026-01-29 11:10
星宝攸宁
阅读(2)
评论(0)
推荐(0)
摘要：
无缝滚动效果一 dom代码： <div class="banner" id="bannerBox"> <ul> <li v-for="(item,index) in imgList" :key="index"> <img :src="item.img" class="imgEvery"/> </li 阅读全文
posted @ 2026-01-29 11:09
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
3D图片旋转 dom代码： <div class="carousel" data-gap="20" id="3DImg"> <figure> <img v-for="(item,index) in imgList" :key="index" :src="item.img" width="400px" 阅读全文
posted @ 2026-01-29 11:08
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
export function scrollCustom(oneId,twoId,height,time,speed) { // var c=document.getElementById("wuyeScroll"); // var con1=document.getElementById("ind 阅读全文
posted @ 2026-01-29 11:08
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
tree组件自定义封装 自定义展示形式如下 全部代码如下： <template> <div class="treeBox"> <el-tree show-checkbox :check-strictly="true" class="tree" :data="treeData" node-key="i 阅读全文
posted @ 2026-01-29 11:06
星宝攸宁
阅读(3)
评论(0)
推荐(0)
摘要：
d2-crud-plus的基本操作说明 相关文件api参考：http://greper.gitee.io/d2-crud-plus/guide/ colunms中的itemProps的class，名称为yxtInput我拿到了全局，不要在每个页面都加了，以后改的时候不好改。 之前封装的姓名，手机号， 阅读全文
posted @ 2026-01-29 10:57
星宝攸宁
阅读(4)
评论(0)
推荐(0)
摘要：
表格上传封装 此处包含未合并的单元格或者合并过的单元格表格上传 封装类： /* * @Author: menxiaojin * @Date: 2023-04-18 11:11:36 * @LastEditors: menxiaojin * @LastEditTime: 2023-04-20 16:4 阅读全文
posted @ 2026-01-29 10:55
星宝攸宁
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号