⭐🌈仙女不讲李
123123123123123123123123
乐意-李
往后,会加油,在往后,会更加加油
展开
-
echarts图一般的样式属性,可以继续向里面进行添加
1. 折线图(主要针对) grid: { bottom: '0%', top: '23%', right: '3%', left: '3%', containLabel: true, //echarts是否都被包含在canvas图的大小里 }, legend: { icon: 'square', //图例的样式,分为square,circle,默认跟随s原创 2022-01-20 11:22:07 · 1261 阅读 · 0 评论 -
左右联动-左侧点击相应的位置,右侧随之滚动
第一步:npm下载npm install better-scroll --save第二步:局部注册(当前组件)import BScroll from 'better-scroll'第三步:使用<template> <div> <div class="goods"> <div class="left"> <ul> <li class="menu-i原创 2022-04-20 15:23:19 · 737 阅读 · 0 评论 -
el-table表格的sortable排序的使用以及出现小数、%排序错乱
前端实现排序:只需要在表头上加上一个sortable属性即可 <el-table-column prop="unusualCount" label="异常数据总量" align="center" :show-overflow-tooltip="true" sortable />问题1、当数据中出现小数,导致排序错乱解决1、 <el-ta原创 2022-03-16 10:30:54 · 5395 阅读 · 0 评论 -
项目中使用svg.icon
项目中使用svg.icon第一步:建立如下的文件夹svgicon其中index.vue中的配置如下<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName" /> </svg></template><script>export default { name: 'svgIcon', props: {原创 2021-11-26 10:59:21 · 987 阅读 · 0 评论 -
uniapp中生成随机的二维码并进行保存
需求:需要根据用户id的不同生成不同的二维码,并进行本地保存第一步:下载插件这里对于二维码的生成,使用的是第三方插件weapp.qrcode.min.js将第三方插件的文件放到项目的工具文件夹中,便于使用第二步:引入插件在需要的页面进行插件的引用第三步:绘制区域在这里插入代码片 <canvas class="code" canvas-id="myQrcode" style="background:white; width: 2原创 2021-09-02 15:42:15 · 3271 阅读 · 1 评论 -
在uniapp中使用echarts(微信小程序有用,h5不清楚)
在做项目的时候,遇到了需要添加一个环形图,这就需要用到echarts了,亲测有效项目需求:第一步:在项目中使用npm进行下载npm install echarts mpvue-echarts,然后在package-lock.json文件中找到 mpvue-echarts,并点进去链接将 mpvue-echarts进行本地下载第二步:将下载以后的src文件存放到项目的compont文件下第三步:在项目需要的地方进行引入 <view class="age Portrait">原创 2021-08-12 14:40:28 · 2187 阅读 · 0 评论 -
uniapp中使用弹出层
uniapp中使用弹出层因为业务的需要,需要弹出一个复选框,使用uniapp中自带的框架使用:第一步:下载下示例项目,找到主要的文件夹第二步:将该文件夹放到组件的地方第三步:使用1·2·3·存在问题:第一:不需要通过import进行引用,直接使用就可以了,使用的时候一定要放在最外面,要不然弹出层弹不出来,第二:可以在该标签之内添加想要的任何组件,包括自定义的,随意自定义样式...原创 2021-07-23 11:43:01 · 5932 阅读 · 0 评论