- 博客(36)
- 收藏
- 关注
原创 scroll-into-view选中日期自动滚动到视图
这段代码是项目中的业务逻辑,主要需要设置:scroll-into-view的="dayToView"。scroll-into-view 的值必须是动态的,通过setData设置后,重新渲染才会有效。scroll-view 必须有固定的高度,如果设置高度为百分比的话,父容器一定要固定高度,否则无效。比如最顶层的 view 没有设置固定高度,然后在下面添加的 scroll-view 的高度就直接设置height:100%是无效的,此时可以设置为height:100vh代替。
2023-07-16 13:51:35
203
原创 uniapp传参(对象)
接收:JSON.parse(decodeURIComponent(option.personDetail));先将对象转成字符串 encodeURIComponent(JSON.stringify(item))
2023-07-10 11:06:12
254
原创 echarts折线图根据接收的字段不同,线的颜色不同(动态设置echarts折线图线的颜色)
'#f5cc00' : this.todayLevel === '优'?'#00d660' : this.todayLevel === '轻度污染'?'#ff0100' : this.todayLevel === '中度污染'?'#ff7e01' : this.todayLevel === '重度污染'?'#7f0071' : this.todayLevel === '严重污染'?'#7f0000' : ''如图,天气质量有六个等级,根据等级不同,echarts折线图的线颜色不同。
2023-04-28 18:02:17
1075
原创 vite创建的项目如何动态的获取图片
2、return一个newURL().href。第一个参数是你的图片(img)的地址,第二个参数是import.meta.url,路径的问题:就是在函数中第一个参数写了图片的路径,所以在我们定义的数据里就要删了路径就行了。但是使用vite创建的项目,require是无效的。需要通过下面的方法来动态获取图片。函数的参数为你的图片名字。3、将这个函数抽离为公共方法。4、就可以引入后使用了。
2023-04-03 18:00:44
908
原创 axios的使用
这样我们封装的request函数就可以使用了,一般项目中我们都会创建一个文件夹用来放所有的接口,起名为api,在文件夹中创建不同页面的文件,写入不同的接口,首先要引入request。首先,需要在src文件夹下创建一个文件夹,一般取名为utils(是应用程序的简写,小方法)定义好了requst函数,如何去使用呢。引入:import axios from 'axios'一、axios是基于promiss对ajax的一种封装。在下面创建一个文件,取名为request(请求)1.1要使用axios下载引用。
2023-01-31 11:43:09
2317
原创 【无标题】打开一个项目连接,无法正常显示时,ping一下ip
一个项目如果接口无法连上,可以cmd,ping一下ip看看是否能连上,步骤如下->点击控制台,复制IP,图中红框打开控制面板 输入ping ip ,即可查看是否能连通服务
2022-06-20 15:27:51
81
原创 eventBus
需要在一个组件执行完事件后,在另一个组件刷新一下页面。eventbus:1、在组件中调取接口,之后传递消息给其他组件2、另一个 组件使用this$eventBus.$on接收并执行相应的操作
2022-05-12 09:18:53
188
原创 修改引用插件的样式引用elementui/修改elinput、eltooltip、el-table、Paginatio/elselect下拉框样式、elpoppover
查看项目里有没有引用elementui。全局引用方法在官网可见局部引用:
2022-05-06 10:22:52
894
原创 根据后端返回不同内容显示不同颜色/图片
<template><div class="container"> <div class="beer-weather"> <div class="beer-temperature"> <img :src=" require(`@/assets/images/beerCity/weather_code_${this.weatherList[0].code?this.weather.
2022-04-22 09:40:52
452
原创 父子组件传值。模糊查询。
父组件:<template> <div class="container" > <div class="box-title"> <span style="font-size:22px;color:#ffffff;margin-top:2px;margin-left:15px;font-weight:400">旅游景点</span> <img src="@/asset
2022-04-19 11:14:15
253
原创 滚动条样式
.text-style{ overflow: scroll; padding:30px 0; padding-right: 10px;} ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; height:70px; background-color: #27649d; /*设置滚动条颜色*/}
2022-04-14 16:01:47
209
原创 el-table鼠标移入变色、el-table排名样式变化
背景颜色实现效果:::v-deep .el-table .el-table__body tr td:hover{ background-color: #d4b021 !important;}边框实现效果:::v-deep .el-table .el-table__body tr td { border: 2px solid transparent !important;}::v-deep .el-table .el-table__body tr td:hover {
2022-04-13 17:29:10
2739
原创 computed,switch,根据文字内容改变颜色/watch/props对象
<div class="register"> <span>订单状态</span> <p class="withdrawal_num" :class="colorStyle" > {{ filterStatus(item.earn_profit_type) }} .
2022-03-24 11:38:48
707
原创 echarts,柱状图配置,legend
安装:npm install vue-router首次进入页面 看不到路由页面:可以配置重定向或者重新写个路径为空的路由:$route 是“路由信息对象”,包括 path,params,hash,query,fullPath,matched,name 等路由信息参数。$router是“路由实例”对象包括了路由的跳转方法,钩子函数等。.......................................
2022-03-16 17:16:06
9561
转载 git配置用户名
1 . 用户名和邮箱的作用 用户名和邮箱地址是本地git客户端的一个变量 . 用户每次提交代码都会记录用户名和邮箱 .2 . 设置2.1 设置用户名git config --global user.name "username"2.2 设置邮箱 (没有双引号)git config --global user.email useremail@qq.com3 . 查看用户名和密码git config user.namegit config user.email4 . 查看其他配置...
2022-03-11 11:48:55
23239
原创 项目中的图片旋转动画、背景渐变
@keyframes spin1 { 0% { transform: rotateX(65deg) rotateZ(0deg); } 50% { transform: rotateX(65deg) rotateZ(180deg); } 100% { transform: rotateX(65deg) rotateZ(360deg); } }.rotating-ring { width: 230px;...
2022-01-26 11:13:42
228
原创 nth-child选择器;奇数偶数作为关键字
奇数和偶数是可以作为关键字使用用于相匹配的子元素,其索引是奇数或偶数(该索引的第一个子节点是1)。我们为奇数和偶数p元素指定两个不同的背景颜色:p:nth-child(odd) { background:#ff0000; } p:nth-child(even) { background:#0000ff; }...
2022-01-26 10:38:09
745
原创 js方法。
box-sizing:border-box:width为 border+padding+content,不管padding和border设置多少,都会保持这个宽度。box-sizing:content-box:视觉上的宽度会因为border和padding的改变而改变。 1)border-box 带来的影响:设置了div的css为:width:100px;box-sizing:border-box;,表示以border为基准设置宽度。用到这个属性的时候,div的总宽度是100px。2)con...
2021-10-13 10:56:51
62
原创 git。。。
A类问题(技术)1. 请谈谈微信小程序作用?project.config.json 项目配置文件,用得最多的就是配置是否开启https校验; App.js 设置一些全局的基础数据等; App.json 底部tab, 标题栏和路由等设置; App.wxss 公共样式,引入iconfont等; pages 里面包含一个个具体的页面; index.json (配置当前页面标题和引入组件等); index.wxml (页面结构); index.wxss (页面样式表); index.js (
2021-10-13 10:44:15
188
原创 foreach的基本使用方法filter的基本用法
闭包闭包就是能够读取其他函数内部变量的函数。闭包就是将函数内部和函数外部连接起来的一座桥梁。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。缺点:由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。2.原型与原型链每一个实例对象都有一个私有属性__proto__,指向它的构造函数的原型对象(prototype)。原型
2021-08-23 16:55:50
1687
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人