- 博客(71)
- 收藏
- 关注
RSS订阅原创 vue3+element-plus多个多选下拉框并搜索
const checkedValues = ref<any[]>(options.value.map((item: any) => item.value)) // 下拉框多选选中的值。useCheckboxGroup(ref([{ value: '广东局', label: '广东局' }]), '辖区范围'),{ value: 'SZSE', label: '深主板' },{ value: 'BSE', label: '北交所' },{ value: 'SSE', label: '沪主板' },
2025-04-07 15:31:52
1121
原创 vue3+antV G6节点与文本框实现
const securityId1 = ref(props.securityId) // 证券id。const symbol1 = ref(props.symbol) // 证券代码。const symbol1 = ref(props.symbol) // 证券代码。const datePicker = ref() // 时间筛选框ref。const dateYear = ref<any>('') // 年份。const mapData = ref({}) // 脑图数据。// 控制当前时间之后不能选。
2025-03-06 13:51:10
790
原创 vue3+echarts+websocket分时图与K线图实时推送
涨跌幅：{{ tipInfo.change }}%const chartData = ref(props.dataList) // 折线数据。const prePrice1 = ref(props.prePrice) // 折线数据。涨跌幅：{{ tipInfo.change }}%
2024-12-11 15:09:50
848
原创 vue3+element-plus导航栏定位
const securityId1 = ref(props.securityId) // 页面新的证券id。const elementClass = ref('.stock-detail') // 置顶元素类名。const securityId = ref<any>('') // 证券id。const loading = ref(false) // 是否加载页面。const symbol = ref<any>('') // 证券代码。const market = ref<any>('') // 证券市场。
2024-12-11 14:52:47
1185
原创 vue3+echarts柱状图点击加载数据及选中效果
el-table-column label="序号" type="index" width="60" align="center" />
2024-12-02 11:09:20
1179
原创 vue3+element-plus多选框全选与单选
div class="search-btn" @click="searchUserCollectCompany">搜索取消 提交message: res.code === 200?const searchVal = ref('') // 搜索框的值。
2024-12-02 10:45:44
1315
原创 Vue3+echarts使用词云图与仪表盘
/ offsetCenter: [-10, 0], // 相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。//当数据有更新时候，可使用lineChart.value.clear()清除现有的图表状态，然后再应用新的配置。// length: '40%', // 指针长度，可以是绝对数值，也可以是相对于半径的半分比。// showAbove: true, // 指针是否显示在标题和仪表盘详情上方。//数据清空，因为使用_.merge合并时，会残留历史数据。
2024-10-24 09:37:40
1103
原创 Vue3+echarts使用带有指示点的单环形饼图
/执行merge合并时，后面的props.options会覆盖chartOptions内相同字段内容,并返回chartOptions。//当数据有更新时候，可使用lineChart.value.clear()清除现有的图表状态，然后再应用新的配置。const securityId1 = ref(props.securityId) // 页面新的证券id。clockwise: false, // 这里设置为false，表示逆时针。// 监听窗口大小变化，自动调整图表大小。
2024-10-24 09:06:28
684
原创 Vue3+echarts使用多环形饼图
const currentIndex = ref(props.tagIndex) // 定义新tab索引值接收。const securityId1 = ref(props.securityId) // 页面新的证券id。const showNoData2 = ref(false) // 是否展示无数据图片。const pieDatas = ref([]) // 环形图饼图数据。const loading = ref(false) // 加载状态。barWidth = 5, // 圆环宽度。
2024-10-23 09:26:13
987
原创 Vue3+echarts使用双Y轴折线图
icon: 'path://M160 544h64v-64h-64v64z m128 0h64v-64h-64v64z m128 0h64v-64h-64v64z m128 0h64v-64h-64v64z m128 0h64v-64h-64v64z m128 0h64v-64h-64v64z' // 自定义图表图例图标。: seriesName === '正面' || seriesName === '负面'// boundaryGap: false, // 设置数据是否展示在刻度上。
2024-10-23 09:19:46
1275
原创 Vue3更多筛选弹框与标签列表同步筛选
selectBtns.value.splice(selectBtns.value.indexOf(item.id), 1) //取消选中。const selectBtns: any = ref(props.btnSelectList) // 备份弹框筛选的选项值用于页面显示。const selectList: any = ref(props.btnOptions) // 定义新筛选的选项值接收。const selectedOptions: any = ref([]) // 弹框筛选的选项值。
2024-10-22 15:49:26
829
原创 uniapp+echarts分时图五档行情
均价 <text ' + avgPriceColor + ' >' + _this.toDecimal(m_datas.avgPrice[i], _this.digit) + '</text></view><br/>';html += '<view>均价 <text ' + avgPriceColor + ' >' + _this.toDecimal(m_datas.avgPrice[i], _this.digit) + '</text>
2024-08-27 16:59:19
1172
原创 uniapp+echartsK线游戏买卖交易
let diffDayStr = `${concatTime(diffDay, '天')}${concatTime(diffHours, '时')}${concatTime(diffMinutes, '分')}${concatTime(diffSeconds, '秒')}`coord: [this.kData.length - 1, item.cp, 1, type == 1?this.toDecimal(this.accMul(item.cr, 100), 2, true), // 涨跌幅。
2024-08-26 15:35:10
1158
原创 分享 VSCode 必备精品插件
功能：在服务器端打开你的文件，实时显示你修改的代码，支持websocket 消息服务，可以用于调试websocket 客户端；使用：选中行，Ctrl+Shift+p 输入 翻译，键入 ctrl+`再按下 ctrl+1 为翻译直接替换选中区域。1.自动补全，跳转至样式和变量定义位置，创建 JSX/TSX 的行内样式，预览样式及变量内容，功能：常用于读源码进行标记行，跳转（代码标记快速跳转）功能：智能提示代码，可以预测你将要写的代码进行提示。功能：项目管理插件，当开发多个项目时，可以快速跳转。
2024-08-22 17:39:32
5455
原创 接私活平台
猿急送 ，一个高级技术共享平台，这里汇聚知名互联网公司的技术、设计、产品大牛，通过实际坐班、远程等方式，一对一为创业公司解决问题，提高创业效率，这个平台不仅提供了兼职程序员、兼职工程师信息，还包括产品经理、设计师等，覆盖了技术开发、产品设计等多个领域。Freelancer是一个广泛使用的在线众包和自由职业者工作场所，企业可以为所有类型的项目寻找和雇用自由职业者，从创建一个简单的标志，到创建一个完整的电子商务网站，或任何其他项目，它适合那些需要负担得起但高质量的人才来完成特定项目或任务的中小型企业。
2024-08-22 15:48:57
1212
原创 uniapp+echarts动态与静态排序柱状图
u-radio :customStyle="{marginBottom: '16rpx'}" activeColor="#3849B4" label="全部" name="">每次最多查询1年数据；来源数据表的数据频率（非时间插件频率）=月度时，默认展示此来源数据表近1年数据（当可查询时间区间不足1年时，取实际的）；
2024-08-21 17:31:52
763
原创 uniapp+uView固定列树形结构表格渲染
/ 报表数据列id(后端给予已有接口返回数据为对象[key:columnId]:value形式,前端必须保存生成的参数顺序保证渲染匹配)'千万' : '万'text1 = (num - 8) / 3 > 1?fm = text1 === '万'?nodeType: ["3", "2", "1", "0"], // 报告期。} else if (text1 === '千万亿') {} else if (text1 === '千亿') {} else if (text1 === '万亿') {
2024-08-16 11:25:57
1217
原创 uniapp+uView安卓与IOS微信与支付宝支付
{{detail.quota}}弈贝，抵扣{{detail.reductionOfQuota}}元" v-if="detail.payType == 3">积分积分">积分
2024-08-14 13:26:41
1318
原创 uniapp安卓与IOS微信与QQ分享功能
分享弹框组件代码：<template> <view> <!-- uView的popup弹框组件封装 --> <u-popup class="bPopup" :customStyle="customStyle" :zIndex="zIndex" :show="ushow" @close="close" @open="open" :closeable="false" :closeOnClickOverlay="true"
2024-08-09 11:05:48
1611
原创 uniapp+echarts热力图
{SearchText: '农业', eventType: 5, Fields: [{SearchConditon: '银行贷款', EventHot: 5}]},{SearchText: '工业', eventType: 2, Fields: [{SearchConditon: '解禁', EventHot: 2}]},{SearchText: '军事', eventType: 1, Fields: [{SearchConditon: '财报', EventHot: 1}]},
2024-08-06 11:09:32
1197
原创 js宏观与微观任务面试题你对了几个？
resolve();})});resolve();})})}, 0)fn();resolve();})resolve();})fn();resolve();})resolve();})resolve();})fn();resolve();})
2024-07-26 10:57:32
717
原创 uniapp+uView轮播图与手写多选框
if (`${this.getDate(item.event_date)}${item.shortname}${item.eventtypename}事件（${item.similarvalue}）` === `${this.getDate(it.eventdate.substring(0, 10))}${it.shortname}${it.eventtypename}事件（${it.similarvalue}）`<view class="text" :class="item.checked?
2024-07-24 13:08:11
657
原创 js数值与日期相关业务校验方法
const monthList = [31, second, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31].splice(0, month - 1) //获取月份数组。let temps = num.toString().split("."), //处理浮点数的情况，整数时会返回原数值。target = temps[0].split("").reverse(), //倒序。//将数字转换为字符串。const year = val.getFullYear() //获取年。
2024-07-24 10:03:36
718
原创 vue+el-tooltip文本是否溢出显示省略号展示提示框
立即体验</div><div class="detail-btn btn">查看详情
2024-07-22 14:28:53
1015
原创 uniapp+uView保存与删除搜索历史记录
this.oldWordList = oldWordPageList // 新数组。', // 清空历史记录弹框内容。showNoDataImg: false, // 是否显示无搜索列表图片。
2024-07-22 12:19:03
836
原创 Vue canvas绘制圆形进度条动画加载
'strokeStyle', // 进度条值背景颜色。title: "内存",'percent', // 进度条值。//清除所有，重新绘制。
2024-07-19 09:11:57
697
原创 element ui 表格与锚点定位
queryParams2 = this.similarOptions.filter((item) => `${this.getDate(item.eventdate.substring(0, 10))}${item.symbol}${item.shortname}解禁` === i)if (res.class === `${this.getDate(i.eventdate.substring(0, 10))}${i.symbol}${i.shortname}解禁`) {
2024-07-19 09:11:03
1330
原创 uniapp商城购物商品列表展示
this.scrollTopPage = e.target.scrollTop //滚动条实时位置。// 上拉的状态：more-loading前；rightListData: [], // 右侧区域商品列表。tabList: [{ // tab栏列表 类型：-1全部。leftListData: [], // 左侧区域商品列表。activeIndex: -1, // tab栏索引。listData: [], // 商品列表。scrollTopPage: 0, //回到顶部。-- tab栏 -->
2024-07-19 09:03:50
1248
原创 uniapp数组对象随机抽取3个对象
/ 数字与汉字结合不换行展示。randomDataMarketList: [], // 随机3个库列表。// 获取列表(每次进入页面随机3个)name: '股票',name: '基金',name: '期货',name: '经济',name: '资讯',name: '银行',name: '海外',name: '行业',
2024-07-19 09:02:13
421
原创 uniapp富文本内容展示处理
'") // 设置富文本所有图片宽度。} from "@/api/api.js" // 后端接口。content: '', // 富文本内容。
2024-07-19 08:47:40
801
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人