Hgiao-CSDN博客

原创 vue+Element使用分页

一般样式都是card里面包含列表和分页这里就直接上代码了<el-card>  <el-table :data="rightsList.slice((currentPage-1)*pagesize,currentPage*pagesize)" border stripe> <el-table-column label="#" type="index"></el-table-column> &

2021-09-26 15:47:22 246

原创引入antd组件样式，按需引入的高级配置

引入 react-app-rewired 并修改 package.json 里的启动配置。由于新的 react-app-rewired@2.x 版本的关系，你还需要安装 customize-cra。npm i react-app-rewired customize-cra修改scripts，eject不用改/* package.json */"scripts": { "start": "react-app-rewired start", "build": "react-app-rewi

2021-07-13 14:42:28 670

原创 pc端页面右侧滑动样式修改

/* 设置滚动条的样式 */ ::-webkit-scrollbar { width: 6px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(40,77,126,0.3); border-radius: 6px; } /* 滚动条滑块 */ ::-webkit-scrollbar-thumb { border-radi.

2021-06-29 17:25:34 215

原创 uni-app 保存草稿功能

uniapp页面生命周期有一个onBackPress首先要有一个标识：有没有提示用户要不要保存草稿data() { return { isget:false, //标识 };},监听页面返回onBackPress() {(没值的时候也可以判断一下，就不写了，可以留言评论哦) //如果有值 if(!this.isget){ uni.showModal({ content:"是否要保存为草稿？", cancelText:"不保存", confirmText:"

2020-12-21 10:45:52 1091

原创 uni-app中ulist代码块问题

为提升开发效率，HBuilderX将 uni-app 常用代码封装成了以 u 开头的代码块，在 template 标签内输入 ulist 回车得到的是<uni-list> <uni-list-item title="" note=""></uni-list-item> <uni-list-item title="" note=""></uni-list-item></uni-list>这个可能不是你想得到的样子

2020-11-25 08:29:45 2119

原创微信小程序动态设置 wx.setTabBarBadge数字显示

文档一看就会，动手一做就废微信小程序如何实现如微信中未读信息的数量的功能？简单的呀皮，只需要调用wx.setTabBarBadge接口就可以了。文档代码，直接复制粘贴，贴在哪？贴代码里啊wx.setTabBarBadge({ index: 0, //tab下标 text: '1' //要设置的内容})不过这是死值，怎么动态绑定wx.setTabBarBadge({ index: 0, //tab下标 text: "'+res.xx.length+'" //要设置的

2020-11-14 10:29:55 2328 3

原创在数组 arr 中,查找值与 item 相等的元素出现的所有位置

直接上代码，简单 function chazhao(arr, item){ var czArr = []; for(var i = 0; i < arr.length; i++){ if(arr[i] === item){ czArr.push(i); } } return czArr; } console.log(chazhao([

2020-11-13 11:59:19 523

原创 Vue下拉菜单组件化开发

第一步：在项目中专门创建一个放置自定义组件的文件夹（简单说我就直接放在了components中，本文以App.vue为例）

2020-11-11 22:04:09 495

原创在Vue2中使用百度脑图kityminder-core

第一步：安装模板npm install kity kityminder-core -S第二步：在局部导入import kity from "kity";import kityminder from "kityminder-core";第三步：创建一个容器<template> <div> <div style="width: 600px; height: 400px" id="minder-container"></div> &l

2020-11-11 18:52:59 3266 1

原创 Vue中使用echarts

@[Hgiao] (Vue中使用echarts )第一步：目录下使用命令行，初始化工程的 npm 环境并安装 echarts（这里前提是您已经安装了 npm）：//npm npm install echarts --save第二步：Html// html<template> <div style="width: 600px; height: 400px"> <div ref="tu" style="width: 600px; hei

2020-11-11 11:37:46 2882 9

Hgiao的博客