
前端
小李ing
这个作者很懒,什么都没留下…
展开
-
uniapp 微信小程序 导航栏设置背景颜色字体颜色
{ "path": "pages/company", "style":{ "navigationBarTitleText": "企业概览", "enablePullDownRefresh": false, "navigationBarBackgroundColor":"#3d5bff", // 导航栏背景颜色 "navigationBarTextStyle": "white" // 导航栏字体颜色 } }...原创 2022-02-11 13:59:19 · 9526 阅读 · 0 评论 -
uniapp 下拉刷新分页
onLoad() { this.getList() setTimeout(function() { }, 1000); uni.startPullDownRefresh(); }, onPullDownRefresh() { let _self = this setTimeout(function() { uni.stopPullDownRefresh(); _self.current = 1; _self.getList(); }.原创 2021-12-21 14:21:23 · 617 阅读 · 0 评论 -
iview table表格中的checkBox设置为单选
{ width: 60, align: "center", key: 'checkBox', _isChecked: false, resizable: true, render:(h,params)=>{ .原创 2020-08-12 15:14:03 · 2177 阅读 · 3 评论 -
JS往数组中添加字段
this.data_list.forEach(item => { if (item.name == null || item.name == '') { item._disabled = false } else if (item.name !== null) { ...原创 2020-08-12 15:05:00 · 4986 阅读 · 0 评论 -
iview Form表单校验自定义校验
Form 组件基于 async-validator 实现的数据验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。下面是完整代码:<template> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80"> <FormItem label="Name" prop=.原创 2020-05-13 11:13:38 · 2003 阅读 · 1 评论 -
iview中Modal对话框自定义页头页脚
iview中Modal对话框自定义页头页脚Modal 组件提供了灵活的自定义样式 API 和 Slot,可以自由控制整个 Modal 的各个组成部分,比如页头、页脚、关闭按钮。下面是完整代码: <Modal v-model="modal2" width="360"> <p slot="header" style="color:#f60;text-align:center">//对话框页头 <Icon type="ios-info原创 2020-05-13 11:02:01 · 3275 阅读 · 0 评论 -
注册鼠标移入事件mouseenter鼠标移出事件mouseleave
鼠标移入事件 mouseenter 跟鼠标移出事件 mouseleave 配合使用它只针对注册元素生效,对子元素不会生效下面是代码:let btn1 = document.getElementById('commit');**//移入:**btn1.addEventListener('mouseenter', () => { btn1.style.ba...原创 2020-04-23 17:56:56 · 590 阅读 · 0 评论 -
vue中使用echarts制作中国地图
vue中echarts统计图表之饼图vue中echarts之横向柱状统计图vue中echarts之常规柱状统计图下面是如何使用echarts制作一个中国地图效果图:详细步骤1.给定一下全局样式、给个地图容器<div id="main"></div>*{margin:0;padding:0}html,body{ width:1...原创 2020-04-10 17:08:00 · 2879 阅读 · 2 评论 -
使用CSS3为图片添加滤镜
图片滤镜CSSfilter属性用为元素添加可视效果 (例如:模糊与饱和度) 。注意:Internet Explorer或 Safari 5.1 (及更早版本)不支持该属性。<style>img { width: 33%; height: auto; float: left; max-width: 235px;}.blur ...转载 2020-03-18 11:30:07 · 1641 阅读 · 0 评论 -
vue中echarts统计图表之饼图
常规柱形统计图横向柱状统计图以下是饼图代码:<div id="pieChart" style="width:100% ;height:300px;"></div>设置饼图的属性:getPie() { // 绘制图表 var myChart = echarts.init(document.getElementById('pieChart...原创 2020-03-16 17:55:49 · 1486 阅读 · 0 评论 -
vue中echarts之横向柱状统计图
常规竖向柱状图这里设置图表的宽高:<div id="main" style="width: 100%;height: 300px;margin-left: 5%"></div>添加图表的属性:showchart() { var myChart = echarts.init(document.getElementById('main')); ...原创 2020-03-16 17:46:03 · 7696 阅读 · 2 评论 -
vue中echarts之常规柱状统计图
首先定义好图标的宽高<div id="indexc4" class="echarts2"></div>这里是css样式.echarts2 { height: 350px; width: 100%; /*border-radius: 25px;*/}编辑图表的相关属性option2: { tooltip: { ...原创 2020-03-16 17:32:26 · 1462 阅读 · 0 评论 -
CSS3背景渐变特性
linear-gradient 线性渐变下面是线性渐变的实现格式:background-image: linear-gradient(direction, color-stop1, color-stop2, ...);大家首先要注意的一点,css3的渐变是实现在background-image里面的,是它的一个属性,在同一个块下面是不能够同时实现渐变和背景图片的,后面的代码将会覆盖前面...转载 2020-03-13 17:42:42 · 446 阅读 · 0 评论