是二牙-CSDN博客

总结在使用echarts给表格修改自定义样式1.图例属性legend: { x: 'right', //坐标位置 textStyle: {//图例字体的颜色 color: "#ffffff", fontSize:16 //设置字体大小 }, orient: 'vertical',//图例水平位置 vertical为垂直默认是水平 horizontal itemWidth:16,//设置图例宽度 itemHeight:10,//设置图.

2022-05-27 10:46:26 412

原创 uni-app图片浏览可放大可缩小

如何点击查看图片之后可以浏览图片不需要image标签只需要一个方法 👇uni.previewImage({ current: '', urls: obj, indicator:'default', loop:true, success:function(res){ console.log(res) }});这个方法可以满足看单张也可以看多张如果是多张只需要传入一个list就行了然后current那里不需要传任何索引具体的方法大家可以自行baidu。这个方法是可以支.

2022-04-27 15:23:51 1426

原创 qiun-data-charts组件使用

uni-app开发APP的时候会有需要表格的需求用echarts H5页面可以使用但是app打包之后显示不出来会一直报error的错误所以后面换了一个组件这个组件APP和H5页面都能使用。使用方法先去插件商店直接导入到项目中页面中引入<qiun-data-charts type="column" :chartData="chartData" :ontouch="true"/>chartData:{ categories: ["01-01", ".

2022-03-15 09:32:46 14029 5

原创 vue2.0引入antd

在创建项目的时候一定要记得是vue2.0 不要选择3.0 不然会跟官网的代码对不上 = = 害～主要文件main.js 的配置问题我截了几个重点的地方import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import Antd from 'ant-design-vue';import { Button } from 'ant-desi.

2022-01-25 15:48:42 3442

原创 vue-cli3.0快速创建项目

因为平时公司的项目都是别人创建好了的还没有真正自己上手做过所以这次自己来尝试创建一下从开始创建到路由配置今天创建过程是参考的两位博主地址我会分享出来大家不懂的可以去看看创建步骤的链接点击这里另一位博主的创建链接点这里参考两位博主的教程我不相信你还不会！！！不过我在创建的过程中，我前面创建的时候不是用的create的方法所以创建出来的项目是用dev启动的而不是serve 后面才用create的方法 create的方法里面会自带router配置和vuex的文件夹所以就用creat.

2022-01-24 15:19:21 650

原创 es6数组方法总结

1、for循环2、foreach （es5）3、map （es5）4、some5、every6、filter功能需求：扫码枪扫商品去判断当前护理项目下面是否存在这个商品如果有那么就存在前端的集合里面如果没有则提醒没有此商品护理项目会有多个会存在多个护理项目下面存在相同的商品需要核销判断此商品是否存在我是用的some方法let newAry = _this.goodsList.some(n => { let res = n.goodsList.some(r =&.

2022-01-20 14:49:58 1270

原创 uni-app PDA激光扫条形码功能开发

只针对激光扫条形码不能触发pda打开摄像头<inputtype="text" v-model="goodName" :focus="isFocus" @blur="blur" @confirm="confirm" @input="input" placeholder="请输入商品名称或商品编号" class="patientName" />这里一定要用v-model的方法去绑值不要用:value 方便做扫码后清除数据的功能默认 “isFocus”:true 这样进来.

2022-01-20 10:49:44 1778 9

原创 css深度选择器总结

在引入其他UI组件的时候因为要改变其组件的样式一般的选择器是无法改变的因为是使用的 scoped 会有所限制如果要直接修改组件内的样式那么我们需要用到深度选择器 /deep//deep/当组件内的style有scoped时就会给当前所有的标签添加一个【data-v-hash】的属性并且在标签的css的选择器的结尾加上和属性相同的的字段这样起到的唯一性作用实现类似于“作用域”的作用使得当前组件内的样式只会作用于当前组件内的元素/deep/ 和 “>>>” 的.

2021-12-08 18:51:12 3034

原创 html页面纯CSS图片截取方法的总结

在开发的时候遇到过这几种情况。1、按照UI设计给的图纸的大小最后拿到的图因为原像素过大而导致的图片被缩放或者扩大的问题 2、只想呈现图片本身的某一区域的 3、截取某一部分的。目前遇到的几种情况可以分别用不同的方法去解决，大概总结了2种，分情况来用。1、用div来代替img（这种用的比较多）<div class="fl" :style="{background:'url('+itm.img_url+') center center',backgroundSize:'300% 300%',wid.

2021-12-08 15:23:27 2602

原创给div设置背景图同时加上渐变背景色

background:url('../assets/exchangeSuccess.png') no-repeat,linear-gradient(180deg, #FFDD80 0%, #fac663 100%);

2021-12-01 19:31:56 551

原创 JQ 获取到跳转页面传过来的参数（不适用多个参数）

**我的需求就是当别的页面点击跳转到当前页面的时候需要接收上个页面传过来的参数拿到域名然后在当前页面的返回按钮新增一个返回地址**//获得传过来的login与在数据库中对应的表单 var paras = location.search; //search获得地址中的参数，内容为'?itemId=12' console.log('paras:' + paras); // var result = paras.match(/[^\?&]*=[^&]*

2021-11-09 15:40:34 882

原创 h5页面ios键盘弹出收起后页面底部留白问题

<textarea style="width:100%;height: 180px;background: #F4F4F4;border-radius: 10px;border:0;font-size: 14px;color: #666666;padding: 20px;" data-val="true" name="CommentContent" id="CommentContent" @focus="focusIn" @blur="blurIn"></textarea>foc

2021-11-01 14:23:56 449

原创 CSS自定义三级菜单下拉框

CSS部分/*分类样式*/ /* 清楚浮动，使div盒子能被撑起来 */ .clearfix:after { content: ""; display: block; height: 0; visibility: hidden; overflow: hidden; clear: both; } .menu { /*position: relative;*/ margin-left: 8%; } /* 每一个li标签的

2021-09-08 17:03:51 462

原创 url页面跳转参数乱码问题

功能点：在搜索框输入关键字从页面A跳转页面B之后希望把关键字也带到页面B「可以通过location.href拿到url链接但是问号后带参数的内容如果是中文的话会乱码」所以解决方法如下**1、页面A ** var url = "/indexpage/infosearch?Title="+titleVal; window.open(encodeURI(url)); //记得用encodeURL转一下2、页面Bvar urlinfo = window.location.href;//获取ur.

2021-07-19 15:30:03 686

原创 Ant Design of Vue去掉加载遮罩

.ant-spin-container::after{ background: transparent!important; //这个比较重要这个就是决定颜色的}.ant-spin-blur{ //下面这些就是一些辅助属性比如透明度 opacity: 1!important; clear:none!important; overflow: auto!important;}...

2021-07-13 17:05:50 1801

原创 DOM同时设置背景颜色和背景图片

background:url(/UpLoad/Images/202107/AAAAWIg59ws.png) #FBCC5A no-repeat; background-size: 47% 70%; background-position: 50% 50%;项目中太多次数都用到了干脆记个笔记感觉还挺重要的~

2021-07-08 11:29:58 1192

原创 VUE3.0 富文本编辑器使用教程

前端 VUE3.0后端 .net在下载使用的过程中按照网上的一些教程方法直接引入是没有问题的但是最终会出现图片无法选择上传的问题所以这个笔记还是重点讲一下我遇到的问题和处理解决办法。1、安装npm i vue-ueditor-wrap# 或者yarn add vue-ueditor-wrap2、全局引入组件//引入组件// 在 main.js 中引入import VueUeditorWrap from 'vue-ueditor-wrap'// 全局注册组件Vue.com.

2021-07-06 16:48:49 2554 1

原创【vue3.0】子组件与子组件之间传值

思路：组件a通过传给父组件再通过父组件传给组件b父组件//子组件a<form-create-conference ref="formData" @callBackInfo="handlInfo"></form-create-conference>//子组件b<form-number-setting ref="quoForm" :partInfo="infos"></form-number-setting>//通过handlInfo方法拿到.

2021-07-02 09:14:49 1679

原创判断标题不为空（包含空格）

最近的项目中会有发帖和帖子评论的功能前后端都需判断帖子标题是否位空或者评论内容是否位空//1、判断内容不能为空if(titleVal == ""){ alert('标题不能为空'); return false;}//或者如果你不需要alert 直接写if(titleVal=="") return false;//2、接着判断标题内容不能是纯空白var regu = "^[ ]+$";var re = new RegExp(regu);if(re.test(titleVal).

2021-06-21 10:38:59 396

原创 VUE3.0页面内插入组件使用

当一个页面需要用到tab栏切换数据内容的时候如果需要切换的数据特别多像分页列表这种的话我们可以使用组件一个组件代表一个tab栏的内容。先要引入组件的名字import information from '../components/information';使用组件<component :is="currentTab"></component>is属性去绑定你引入组件的名字如果你引入多个组件那么就可以灵活的去改变 currentTab的值 .

2021-05-21 11:04:01 1545

原创 VUE3.0单页面组件跳转。

需要跳转的组件<router-link :to="/home/myConsult"></router-link>显示跳转后的内容组件<router-view></router-view>**亲测有效。如果喜欢的话记得点赞收藏哦～ **

2021-05-21 10:43:06 585

原创 vue-cil3.0打包会出现页面空白的问题

因为是新手之前从未接触过vue 也算是摸瞎子过河的感觉一边开发项目一边解决bug 百度上大部分解决打包后空白的问题就是从config文件里面去找我手上的这个项目是没有config文件的所以上网查了之后才知道原来vue-cil3.0是没有config文件的但是他会有一个vue.config.js这个文件所以你可以直接去这个文件里面去配置只要输入一句话即可。这是第一步。这是第一步在vue.config.js文件里面加上publicPath第二步记得把mode改成hash3.0版本之.

2021-04-13 11:43:46 149

原创 CSS Radio、Texteare样式问题总结

1、input、texteare placeholder字体颜色大小设置 input::-webkit-input-placeholder { /* placeholder颜色 */ color: #666666; /* placeholder字体大小 */ font-size: 14px; } textarea::-webkit-input-placeholder { /* placeholder颜色 */ color: #666666;

2021-03-29 11:59:05 248

原创 CSS伪类元素无法绑定点击事件

惭愧，学了这么多年CSS，今天才知道原来所有的伪类元素都无法添加点击事件，因为伪类元素不是dom元素记录一下~

2021-03-10 16:31:36 899

原创安卓嵌套H5页面键盘弹不起来的问题。

赶紧记录一下还好机智如我。因为和安卓工程师是两个不同的地方开发的沟通起来不是很方便 PM那边测的时候嵌套的H5页面输入法键盘一直弹不起来但是IOS的就可以今天一天都在找如何解决这个问题的办法用JS jQ 获取页面窗体的大小其实都没用因为你的网页根本没有弹起来所以你再怎么获取你都无法获取键盘的高度的后来我好好想了一下问了一下安卓同事才知道原来他是用的 WebView直接嵌套的H5页面天啊太坑了所以我这边是无论如何都计算不出键盘的高度的所以只能他那边给加属性就行了~ 害想

2021-03-02 17:30:35 970 2

原创 HTML——CSS知识点合集

最近参与了PC端网页开发的项目，都是纯手写html和css代码。发现了很多小细节是之前都没有注意到的，所以写了这篇笔记来记录一下，方便日后复习和参考。顺序很乱轻喷。Flex布局一般我们都会遇到九宫格布局，或者是一行有5列或者3列的布局。遇到这种布局我一般都会用flex布局。我比较推荐【阮一峰】写的，把flex布局写的非常详细，想必应该没人不知吧。...

2021-01-19 15:48:36 189 4

原创 uni-app图片上传

<view class="btn" @click="changeImg" v-show="state"> <image src="../../static/p-image.png" class="p-Icon"></image> <view>上传照片</view></view>我是把上传图片这个操作和上传到服务器的步骤分开的上传图片只是把文件流存了起来上传到服务器是另外的方法这里特别坑的地方就是一定要记得是 uri

2020-11-10 15:22:48 2013

原创【uni-app】数组删除重复元素

前提最近在开发uni-app的项目中在进行历史记录删除的时候需要全选单选多选等功能//拿到索引let idx = e[0]; //拿到记录的id let id = e[1];//判断选择的这个记录是否之前就选择过了if(_this.checkList.indexOf(id) == -1){ //没有就往数组里面添加 _this.checkList.push(id);}else{ //如果存在那么就删除掉 _this.checkList.splice(_this.ch

2020-10-22 09:11:57 4951

原创 UNI-APP打包安卓IOS第一次数据加载不出来的问题

遇到这个问题其实在我本地浏览器是不会存在的但只要打包到安卓或者IOS手机上面测试的时候当你第一次在onLoad方法里面加载数据的时候是失败的然后退出当前页面再进来一次数据就会出来最后解决的方法就是在onLoad方法里面加一个setTimeout （）然后成功解决onLoad(){ setTimeout(()=>{ this.QueryStoreroomOrDept(); }, 1000) }...

2020-09-03 14:15:04 2079

空空如也

空空如也