自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 react学习笔记

react学习笔记创建文件发布与订阅路由三种传参方式:params、search、stateparamssearchstate使用两种参数的方式(只能在函数类型的组件里用)qsUI组件库使用 antdredux模块学习actionreducerstore组件内使用store创建文件npm i create-react-app -g 全局安装create-react-appcreate-react-app 文件名 创建文件发布与订阅安装 npm i pubsub-js引入 import P

2023-11-15 09:47:07 63

原创 求助!!el-date-picker下拉框不显示数据

二维表里放动态组件 然后组件是el-date-picker时显示不正常 有人遇到过这种情况吗

2023-08-31 10:06:42 223 9

原创 表单项格式化数据

格式化数据 主要用于表单的只读模式

2023-08-30 17:29:57 60 1

原创 手写表格数据筛选

【代码】手写表格数据筛选 包含判段数据是否为空 判断数据是否满足筛选条件方法

2023-08-30 17:23:13 95 1

原创 el-table里的状态切换

项目中的一个小块,记下来以后要是遇到用方便一点html<el-table :data="tableData" stripe style="width: 100%"> <el-table-column prop="date" label="日程表" align="center" class-name="weekdays" width="100"

2021-01-29 15:35:03 707

原创 修改element默认样式

修改element默认样式最近项目组件库用的element,好用是好用,就是有时候它的固定样式想修改一直覆盖不掉,看了很多博客,好多他们那边能生效的,在我这边就不行,下面是我亲测有效的,仅供参考<style scoped>#myTransfer { margin: 0 10%;}#myTransfer >>> .el-transfer-panel { width: 35%; height: 530px;}#myTransfer >>>

2021-01-28 17:49:31 153 4

原创 动态渲染element组件el-table表头项+自定义el-table列表项

动态渲染el-table表头项现在不少项目的表格需要结合穿梭框动态显示表头有哪些项,但按照el-table原本的设置,有多少项就直接在html写多少个el-table-column,这样对于动态显示内容来说很麻烦,下面看简单的实现效果这是默认全都显示选择隐藏项这是选择后的列表内容下面上代码//右边的抽屉和里面的穿梭框 <el-drawer title="" size="800px" :visible.sync="

2021-01-28 17:30:31 2811 4

原创 echart简单响应式

echart简单响应式在初始化图表之后加上下面代码就可以了 window.addEventListener("resize", function () { myChart.resize(); });

2021-01-26 16:07:28 100

原创 通过layer弹出层获取数据,渲染到页面里表格中

通过layer弹出层获取数据,渲染到页面里表格中效果如下图html部分<!-- 填写用户信息弹窗模板 --> <script type="text/html" id="modal"> <div id="popup-userInfo" style="overflow: hidden;"> <div class="m_item"> <span class="require" style="width: 10%;">

2020-12-24 15:25:30 1575 5

原创 bootstrap的Tab页里放swiper轮播图

Tab页里放轮播图$('.media_tab a[data-toggle="tab"]').on('show.bs.tab', function(e) { // tab切换时,往swiper容器里存入一个swiper实例,如果相应的实例已经存在,跳过 var selector = '.media_swiper_' + ($(this).parent().index() + 1) if (swiperObj[selector]) { return } swi

2020-12-14 17:10:07 475 2

原创 搜索结果关键字部分高亮

宝儿姐的搜索结果关键字部分高亮方法<p class="keyword">关键字</p><div>文本文本关键字文本</div>js部分<script> var keyword=$('.keyword').text().slice(1,-1).split('') var item= $('div').text().split('') var keyStr='' var reItem='' item.forEach(fu

2020-11-17 10:58:12 156 2

原创 去掉滚动条

去掉滚动条div{ overflow:auto;}div::webkit-scrollbar{ width:0;}

2020-11-17 10:50:34 64

原创 单行/多行文本省略显示

单行文字限制宽度 省略显示width:200px;height:20px;line-height:20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;单行或多行文字省略显示width:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/*这里限制4行,改为1则为单行显示*/-webkit-line-clamp:4;-web

2020-11-09 15:10:25 117 2

原创 绿藻头常用的两种搜索

第一种html部分<view class="search"><input type="text" placeholder="请输入课程名称" v-model="searchInfo" /><button>搜索</button></view>js部分<script> export default { data() { return { searchInfo:''

2020-11-07 14:30:38 173 2

原创 绿藻头最常用最基础的进度条

宝儿姐最常用最基础的进度条:Dhtml部分<view class="bar-outter"> <view class="bar-inner" :style="{width:percentage+'%'}"></view></view>js部分<script> export default { data() { return { percentage:50

2020-11-07 14:08:32 117 3

原创 vue下拉列表 基本样式 vue

下拉列表 基本样式 vuehtml部分<view class="myCollapse"> <view class="defaultOption" @click="showOptions"> <text >{{year}}</text> <view class="angle"></view> </view> <view> <view class="o

2020-11-07 13:40:37 1362

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除