- 博客(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 64
原创 求助!!el-date-picker下拉框不显示数据
二维表里放动态组件 然后组件是el-date-picker时显示不正常 有人遇到过这种情况吗
2023-08-31 10:06:42 224 9
原创 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 712
原创 修改element默认样式
修改element默认样式最近项目组件库用的element,好用是好用,就是有时候它的固定样式想修改一直覆盖不掉,看了很多博客,好多他们那边能生效的,在我这边就不行,下面是我亲测有效的,仅供参考<style scoped>#myTransfer { margin: 0 10%;}#myTransfer >>> .el-transfer-panel { width: 35%; height: 530px;}#myTransfer >>>
2021-01-28 17:49:31 155 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 2822 4
原创 echart简单响应式
echart简单响应式在初始化图表之后加上下面代码就可以了 window.addEventListener("resize", function () { myChart.resize(); });
2021-01-26 16:07:28 103
原创 通过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 1581 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 477 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 160 2
原创 单行/多行文本省略显示
单行文字限制宽度 省略显示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 121 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 176 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 119 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 1363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人