uni-app关于tabBar配置 uni-app项目页面底部导航栏使用步骤1，在pages中创建三个tabba页面，并在页面添加一些要显示出来的东西2， 在pages.json文件里面配置文件页面路由正常的话这三个tabbar页面也需要在tabBar 中的 list 是一个数组，最少2个、最多5个，但在这里暂时不用3，先在home页引入底部tabbar导航import tablebox from '../../../components/tablebox.vue';tablebox.vue<templ...
在Vue项目中引入Echarts图表 在Vue项目中引入Echarts图表步骤1.使用npm下载echarts！npm install echarts --save2.安装完成以后，可以将echarts全部引入，就可以在该页面使用echarts所有组件import * as echarts from 'echarts';3.在需要的页面使用echarts<template> <div class="content"> <!-- 收入趋势 --> <div class
在uniapp中使用qiun-data-charts组件 在uniapp中使用qiun-data-charts组件使用步骤1.引入插件：先在插件市场使用插件导入到项目里 查看 ---- 链接2.点击使用HbuilderX导入插件3.选择项目导入该插件 确定4.页面中直接使用<!-- 折线图 --> <view id="box"> <qiun-data-charts type="demotype"//代表折线统计图 :chartData="chart
Vue实现动态显示textarea剩余字数 Vue实现动态显示textarea剩余字数主要思路textarea限制最大长度监控输入字数效果图代码<template> <div id="main-container"> <div class="textarea"> <textarea maxlength="200" @input="monitorInput" v-model="textareaContent"></textarea> <
Echarts 的legend图例的显示与隐藏（legend折线图加载完页面显示的个数） Echarts图例的显示与隐藏需求 ：在图表加载的时候，默认只显示部分图例，只要图例显示部分，对应的柱图或者折线图也只显示对应的。点击一个按钮显示剩余的图例，或者点击置灰的图例让恢复显示。1.默认不展示（对比日期）2. 点击显示结果： 点击（对比日期）的时候恢复显示3.代码 legend: { right: 5, top: 10, textStyle: { color: '#fff',
关注
