- 博客(29)
- 收藏
- 关注
RSS订阅
原创 uniapp 进度条
uniapp 进度条uniapp使用:style写一个简单进度条uniapp使用:style写一个简单进度条html代码 v-bind:style 简写形式:style<!-- 第一层进度条的背景色 --> <view class="strip"> <!-- 第二层进度条的颜色 --> <view class="blue" :style="'width:'+info.progress+'%'"> <!-- （
2020-11-23 09:01:39
5619
2
原创 css文字伸缩效果
效果图：没有录屏 分了三张图片展示/*父元素使用flex布局 */.div-flex{display: flex;justify-content: space-between;align-items: center;flex-direction: row;}.left{flex:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.right{padding-left: 40px;} <div class="
2022-03-23 09:00:00
223
原创 el-dialog弹窗和组件的使用
记录使用el-dialog实现信息页面的 新增、修改 、查看 操作1.介绍el-dialog弹窗以及组件的使用 <el-button type="primary" size="mini" @click="handleAdd('新增')">新增</el-button> //el-dialog弹窗里 要实现 新增、修改 、查看三个操作 所以弹窗需要根据点击显示对应操作的标题 <i class="el-icon-edit"
2021-12-23 16:25:06
10454
2
原创 vue项目本地打包
vue版本是 2.9.6记录第一次vue项目打包遇到的问题以及解决方法1. 第一步配置打包路径 给下面几个文件 添加./ 如果不配置 npm run build 后打开Index.html是空白/build/webpack.prod.conf.js output: { path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'), chunkFilename:
2021-12-23 15:32:12
1323
原创 项目仓库转移
1、在本地创建一个版本库（即文件夹），通过git init把它变成Git仓库； 2、把项目复制到这个文件夹里面，再通过git add .把项目添加到仓库； 3、再通过git commit -m "注释内容"把项目提交到仓库； 4、在Github上设置好SSH密钥后，新建一个远程仓库，通过git remote add origin https://github.com/gu******.git将本地仓库和远程仓库进行关联； 5、最后通过git push -u origin master把本地仓库
2021-11-25 16:13:41
172
转载 Angular导出excel数据
安装 npm install file-saver npm install xlsx导入import * as FileSaver from 'file-saver';import * as XLSX from 'xlsx';//获取数据 exp() { //表头 let exportcolums = [ { title: '时间', index: 'time' }, { title: 'radii', index: 'radii' },
2021-11-01 11:08:17
1400
2
原创 chart.js多Y轴图表
<canvas class="full-height info" [chartType]="chartTemplate.chartType" [datasets]="chartTemplate.chartData" [labels]="chartTemplate.chartLabels" [options]="chartTemplate.chartOptions" [legend]="chartTemplate.ch.
2021-11-01 10:54:13
756
原创 chart.js 知识分享
关闭运动动画：animation: false,设置y轴值与值间隔：stepSize:20,设置图像大小自适应：responsive: true,
2021-09-18 17:53:59
180
原创 chart.js图表循环使用
主要是使用的augular.js中 *ngFor方法效果图：//循环 <div *ngFor="let item of sccharts; let idx = index" class="{{getColSize()}}"> <div class="card full-height" id="cardChart9"> <canvas class="full-height col-12 info"
2021-09-03 15:05:46
265
原创 解决vue项目中axios的跨域问题
VUE 出现Access to XMLHttpRequest at ‘http://192.168.88.228/login/Login?phone=19939306484&password=111’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: The value of the 'Access-Contr报错如上！！！！ 解决办法首先打开 config -> index.js 代码如下 pr
2021-08-04 14:23:27
233
原创 点击下一条
<view class="content"> <view class="text-area"> <button type="primary" @click="next()">点击下一条</button> </view> <view class="title">{{title}}</view></view><script> export default { data() .
2021-07-20 18:13:41
180
原创 el-select下拉框多选处理选中数据
el-select下拉框设置多选属性：multiple<el-col :span="8"> <el-form-item label="保管员" label-width="120px"> <el-select v-model="form.custodianList" :disabled="isDetail" :placeholder="isDetail ? '' : '请选择保管员'" st.
2021-06-24 14:04:33
2271
原创 echarts组件
首先，vue使用echarts准备工作1.安装 npm install echarts@4.9.0 —save-dev || yarn add echarts@4.9.0 —dev2.成功之后 package.json文件会显示你安装的echarts版本号3.项目中使用的echarts组件不多的话 就不需要全局引用单页面引用就可以import Vue from ‘vue’import echarts from ‘echarts’Vue.use(echarts)全局应用 main.js文
2021-06-21 17:24:48
705
原创 下拉框(el-select)带分页
下拉框(el-select)带分页这个功能我是以一个组件的形式实现的父级页面 <newPageSelect ref="newPageSelect" @selectPageChange="selectPageChange" :getUrl="getUrl" :serialNumber="serialNumber"></newPageSelect>//引入组件import newPageSelect from '@/views/components/selectPag
2021-06-21 15:33:18
8308
4
原创 图片预览
使用element-ui组件中el-dialog做一个简单的图片预览 <div class="block" @click="preview"> // 展示图片 使用的Avatar头像组件 <el-avatar shape="square" :size="100" :src="images"></el-avatar> </div> //:visible.sync 绑定dialogVisible变量 <el-dialog :vi
2021-04-22 15:37:49
309
1
原创 el-select组件
el-select组件添加横向滚动条1.给el-select设置宽度，使用@focus方法 更新下拉框<template> <el-select v-model="listQuery.warehouseSpaceCode" @focus="setMinWidth" style="width:100%" @change="selectWarehouseSpace(listQuery.wareh
2021-03-18 17:12:22
328
原创 判断用户是否登录 app
这里写自定义目录标题判断用户是否登录 app新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入判断用户是否登录 applogin页面缓存tokenindex页面 写以下：token: {uni.getStorage(
2021-03-09 16:34:17
446
原创 git学习
拉取git代码 单个文件上传git第一步：拉取代码 使用 git pull命令第二步：git status 查看哪些文件在暂存区第三步：git add *src/views/login/index copy.vue(需要上传的文件名git status打印出来的文件路径)*第四步：git stash -u -k 忽略其他文件，把现修改的隐藏起来，这样提交的时候就不会提交未被add的文件第五步：git commit -m "说明修改了哪些问题" 例如:"perf(登录页)：修改登录判断"第六步：git p
2021-02-23 14:35:55
172
2
空空如也
如何使用js求出一条曲线的拐点位置并做出切线？
2022-11-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人