![](https://img-blog.csdnimg.cn/20210427082923160.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
文章平均质量分 52
记录学习微信小程序(uniapp)的过程
lankerxd
这个作者很懒,什么都没留下…
展开
-
uniapp 微信小程序使用echarts
还可以考虑进一步修改,将initChart方法的相关逻辑放在ec-canvas.vue自身去处理。还可以通过条件编译的方式,实现一个echarts组件同时适配H5与微信小程序。当然你也可以直接使用现成的uchart或者市场里别人封好的echarts.本文目的:通过分包的方式,尽可能在微信小程序中使用最新的echarts。这些视情况,放到下一次讲。原创 2023-09-25 13:06:04 · 2203 阅读 · 8 评论 -
小程序uniapp-uview之封装u-cell/u-loadmore的简单上拉分页列表
一.组件内容Props参数说明data列表的请求数据page-info是对象,{page:1,size:1}total-pages总的页数Event事件名说明change-page列表分页请求,$emit参数为page(请求为哪一页)HTML<template> <view> <u-cell-group> <slot></slot> <原创 2021-08-09 10:02:27 · 2907 阅读 · 0 评论 -
uview的Collapse的动态刷新问题
简单的说就是通过网络请求、延时等异步操作获取数据后,数据不会展示出来,我先来重现一下:html部分<template> <view> <u-collapse> <u-collapse-item title="下面循环的数据展示不出来" open> <p>写死的p标签</p> <p v-for="(item,index) in testData" :key="index">{{`p标签循环$原创 2021-07-16 17:00:45 · 4864 阅读 · 7 评论 -
uchart 混合图增加折线上的标记点
发现启用【dataPointShape:true】,对混合图是无效的。最后发现是要在chartData.series里面,给折线图对应的obj加上addPoint:true就好了。这个还挺有用,官网动态文档series: [{...其它类型的图表},{...折线图的其它属性addPoint: true}]...原创 2021-03-15 08:22:09 · 1383 阅读 · 0 评论 -
uchart 改变显示数量
下图是还未修改的混合图:本来是想通过改变柱状图的width,来使显示的数量增多,这个extra属性是在new uCharts实例里面,可以看官方文档说明:地址extra: { column: { width:20 }}这样修改之后,结果显示的数量不会增加,如下图示:那么怎么去增加显示的数量呢?修改下面这个属性就好xAxis: { ---其它键值 itemCount: 5}这个也是在new uCharts实例里,因为之前代码是直接从官网copy过来,itemCount的值是原创 2021-03-12 09:37:09 · 1001 阅读 · 0 评论 -
uchart pie 饼图 显示series中配置的数据(series.data)而不是百分比
一般的uchart饼图是长下面这样的:而需求却是要饼图长成下面这个样子:也就是不展示百分比,展示series.data里面的数据咯。话不多说,开整。简简单单的一步,就到位了。showPie(canvasId, chartData, _self) { //核心就下面的for循环,为每个series加上format for(let key in chartData.series) { chartData.series[key].format = (val) =>原创 2021-03-11 16:16:49 · 4064 阅读 · 10 评论 -
HBuilder X 微信小程序 uni-app 调试 (二)
在一中所提到的方法,发现在Mac系统中尚未实装,所以再展示一个调试的方式。调试一的地址步骤1:确保这里是没有打上勾的,也就是说不对代码进行压缩。步骤2:还是步骤1的截图位置,选择第一个微信开发者工具,对,这次的调试是放在微信开发者工具,或者可以点击下图的位置步骤3:按F12开启如谷歌浏览器一样的界面,如下图选择:步骤4输入你想要调试的文件名步骤5:在你想要调试的地方点击左边的数字即可!注意:前提一定不能勾选上运行时是否压缩代码的选项,否则代码会堆到一起,一行很长很长的原创 2021-03-09 13:54:47 · 1211 阅读 · 2 评论 -
HBuilder X 微信小程序 uni-app 调试(一)
今天突然发现怎么调试的,没去看官方怎么说明。废话不多说!开整!步骤1:打开内置浏览器步骤2:找到需要打断点的位置,点击行数旁边的空白部分点击后会有一个小红点步骤3:在小红点上鼠标右击,选择【同步断点到内置浏览器】就可以愉快地开始调试啦!顺带说一句,CSDN是瞧不起Hbuilder么,文章标签都没有。。。...原创 2020-12-28 15:19:54 · 5209 阅读 · 3 评论 -
uview的select组件选择问题
比如我有两个值:[{label:'选项1',value:0},{label:'选项2',value:1}]当我第一次点击选项2时,@confirm返回的label是选项2,当我再次点击选项2时,返回的 label会变成选项1。这是html部分:<button @click="showList = true"><button><u-select v-model="showList" :list="List" @confirm="select">.原创 2020-12-24 08:21:29 · 16791 阅读 · 17 评论