当前位置：首页 > news >正文

vue中css修改滚动条样式

news 2026/3/31 13:32:40

vue中css修改滚动条样式

效果图：

在这里插入图片描述

代码(在app.vue中全局增加下面样式即可)：

&::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 3px;}/*定义滚动条轨道 内阴影+圆角*/&::-webkit-scrollbar-track {//-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 3px;background: rgba(0, 0, 0, 0.05);}/*定义滑块 内阴影+圆角*/&::-webkit-scrollbar-thumb {border-radius: 3px;//-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background: rgba(0, 0, 0, 0.15);}

vue中css修改滚动条样式

vue中css修改滚动条样式效果图： 代码(在app.vue中全局增加下面样式即可)： &::-webkit-scrollbar {width: 8px;height: 8px;border-radius: 3px;}/*定义滚动条轨道内阴影圆角*/&::-webkit-scrollbar-track {//-webkit-box-shadow: inset 0 0 …...

编程日记 2023/8/27 20:44:18

uniapp的H5实现图片长按保存

实现图片预览使用uniapp的api实现图片预览，可以缩放，关闭等操作 uni.previewImage({urls:[imageUrl],success:()>{this.controllTouch();} }) imageUrl是图片地址，如https://www.111.com/abc/image.png urls是字符串数组，…...

编程日记 2023/8/27 20:43:17

Java 8：Stream API 流式操作（学习）

Java 8：Stream API Java 8 中的 Stream API 是一组用于对集合数据进行处理的新特性；提供一种以声明式风格对集合进行操作的方式，简化集合的处理，使得代码更加简洁、优雅，并且能够更高效地处理数据； 这种风格…...

编程日记 2023/8/27 20:42:15

04_20 直接使用代码创建内核模块获取物理内存信息

好像和 free得出来有关和/proc/meminfo 有关但是下面是全部的物理页 #include <linux/version.h> #include <linux/module.h> #include <linux/init.h> #include <linux/mm.h>//下面宏表示物理内存空间起始地址对应页帧号 #define ARCH_PFN_OFFSET…...

编程日记 2023/8/27 20:41:14

＜C++＞ STL_list

1.list的介绍 list是可以在常数范围内在任意位置进行插入和删除的序列式容器，并且该容器可以前后双向迭代。list的底层是双向链表结构，双向链表中每个元素存储在互不相关的独立节点中，在节点中通过指针指向其前一个元素和后一个元素。list与…...

编程日记 2023/8/27 20:40:13

聚类分析 | MATLAB实现基于FCM模糊C均值聚类结果可视化

聚类分析 | MATLAB实现基于FCM模糊C均值聚类结果可视化目录聚类分析 | MATLAB实现基于FCM模糊C均值聚类结果可视化效果一览基本介绍程序设计参考资料效果一览基本介绍 FCM模糊C均值聚类，聚类结果可视化，MATLAB程序。 FCM（Fuzzy C-Means&a…...

编程日记 2023/8/27 20:39:11

C++笔记之设计模式：setter函数、依赖注入

C笔记之设计模式：setter函数、依赖注入参考笔记： 1.C笔记之静态成员函数可以在类外部访问私有构造函数吗？ 2.C笔记之设计模式：setter函数、依赖注入 3.C笔记之两个类的实例之间传递参数——通过构造函数传递类对象的方法详细探究…...

编程日记 2023/8/27 20:38:10

Spring MVC详解

文章目录一、SpringMVC1.1 引言1.2 MVC架构1.2.1 概念1.2.2 好处二、开发流程2.1 导入依赖2.2 配置核心(前端)控制器2.3 后端控制器2.4 配置文件2.5 访问三、接收请求参数3.1 基本类型参数3.2 实体收参【重点】3.3 数组收参3.4 集合收参【了解】3.5 路径参数3.6 中文乱码四…...

编程日记 2023/8/27 20:37:09

谷歌公开.zip域名，应采取哪些措施应对可能的安全风险？

近期，谷歌发布了几个新的顶级域名，这些新域名包括.dad、.esq、.prof、.phd、.nexus、.foo、.mov以及本文我们将要提到的.zip域名。自发布以来，多个安全社区都开始讨论这些顶级域名所带来的影响，主要原因是.zip很容易被误认为是文件…...

编程日记 2023/8/27 20:36:08

css3滤镜属性filter让网页变黑白

今天是特殊的日子，抗击疫情全国哀悼日，向英雄们致敬，一路走好！应该发现了今天很多网站页面都是黑白色的，我的博客今天都是黑白色，用css3滤镜属性filter让网页马上变黑白，一行代码就搞定。在你…...

编程日记 2023/8/27 20:35:07

C++教程 - How to C++系列专栏第5篇

关于专栏这个专栏是优质的C教程专栏，如果你还没看过第0篇，点击这里去第0篇本专栏一致使用操作系统：macOS Ventura，代码编辑器：CLion，C编译器：Clang 感谢一路相伴的朋友们，感谢你…...

编程日记 2023/8/27 20:34:06

Vue2向Vue3过度核心技术插槽

目录 1 插槽-默认插槽1.作用2.需求3.问题4.插槽的基本语法5.代码示例6.总结 2 插槽-后备内容（默认值）1.问题2.插槽的后备内容3.语法4.效果5.代码示例 3 插槽-具名插槽1.需求2.具名插槽语法3.v-slot的简写4.总结 4 作用域插槽1.插槽分类2.作用3.场景4.使用…...

编程日记 2023/8/27 20:33:03

vite配置electron、ElementPlus或者AntDesignVue

这是全部的配置原文： import { defineConfig } from vite; import vue from vitejs/plugin-vue; import electron from "vite-plugin-electron"; import electronRenderer from "vite-plugin-electron-renderer"; import polyfillExports from…...

编程日记 2023/8/27 20:32:02

时序分解 | MATLAB实现基于SVD奇异值分解的信号分解分量可视化

时序分解 | MATLAB实现基于SVD奇异值分解的信号分解分量可视化目录时序分解 | MATLAB实现基于SVD奇异值分解的信号分解分量可视化效果一览基本介绍程序设计参考资料效果一览基本介绍 SVD分解重构算法，MATLAB程序，奇异值分解 (Singular Value Decompo…...

编程日记 2023/8/27 20:31:00

强化学习系列--时序差分学习方法（SARSA算法）

强化学习系列--时序差分学习方法（SARSA算法） 介绍示例代码介绍 SARSA（State-Action-Reward-State-Action）是一种强化学习算法，用于解决马尔可夫决策过程（MDP）中的问题。SARSA算法属于基于值的…...

编程日记 2023/8/27 20:29:59

深度学习9:简单理解生成对抗网络原理

目录生成算法生成对抗网络（GAN） “生成”部分 “对抗性”部分 GAN如何运作？ 培训GAN的技巧？ GAN代码示例如何改善GAN？ 结论生成算法您可以将生成算法分组到三个桶中的一个： 鉴于标签&#…...

编程日记 2023/8/27 20:28:58

adb shell setprop 、开发者选项

App性能调试详解 Android App性能监控工具更多系统属性参考一、开启 GPU Render 的profiling bar： Gpu渲染速度 adb shell setprop debug.hwui.profile true adb shell setprop debug.hwui.profile visual_bars adb shell setprop debug.hwui.profile visual…...

编程日记 2023/8/27 20:27:56

性能测试面试问题，一周拿3个offer不嫌多

性能测试的三个核心原理是什么？ 1.基于协议。性能测试的对象是网络分布式架构的软件，而网络分布式架构的核心是网络协议 2.多线程。人的大脑是单线程的，电脑的cpu是多线程的。性能测试就是利用多线程的技术模拟多用户去负载 3.模拟真实场景。…...

编程日记 2023/8/27 20:26:55

Android Bitmap压缩

Android View截屏长图拼接（RecyclerView） 我们在实际使用中，往往图片转化成Bitmap，对Bitmap操作的时候（如:截屏分享等），可能Bitmap会过大，导致无视实现对应功能。那么我们就需要对B…...

编程日记 2023/8/27 20:25:52

不同子网络中的通信过程

从输入www.baidu.com经历了什么一、DNS（网址->IP） 二、ARP（IP->MAC） A->B：有数据发送，数据封装ip之后发现没有主机B的mac地址。然后ARP在本网段广播：检查目标地址和源地址是否在同一…...

编程日记 2023/8/27 20:24:50

SpringBoot+Hadoop实战：手把手教你搭建民宿数据可视化平台（附完整源码）

SpringBootHadoop实战：构建高可用民宿数据可视化平台 1. 项目背景与技术选型民宿行业近年来呈现爆发式增长，随之而来的是海量房源信息、用户评价和交易数据的积累。传统的关系型数据库在处理这类数据时面临存储瓶颈和计算性能不足的问题。我们选择Spr…...

编程新知 2026/3/31 12:43:59

FPGA网络加速入门：拆解Xilinx 7系列GTP与1G/2.5G Ethernet PCS/PMA IP核，搞懂SGMII接口那些事

FPGA网络加速实战：从Xilinx GTP架构到SGMII接口的深度解析在FPGA高速通信领域，以太网接口设计一直是工程师面临的核心挑战之一。当我们需要在Xilinx 7系列FPGA上实现1G/2.5G以太网功能时，GTP收发器与PCS/PMA IP核的配置往往成为项目成败的关…...

编程新知 2026/3/31 10:04:22

CodeMaker：让编码效率提升3倍的智能代码生成工具

CodeMaker：让编码效率提升3倍的智能代码生成工具【免费下载链接】CodeMaker A idea-plugin for Java/Scala, support custom code template. 项目地址: https://gitcode.com/gh_mirrors/co/CodeMaker 一、核心价值：重新定义开发效率你是否也曾…...

编程新知 2026/3/31 9:40:09

Mermaid Live Editor：代码驱动图表设计的终极解决方案

Mermaid Live Editor：代码驱动图表设计的终极解决方案【免费下载链接】mermaid-live-editor Edit, preview and share mermaid charts/diagrams. New implementation of the live editor. 项目地址: https://gitcode.com/GitHub_Trending/me/mermaid-live-editor…...

编程新知 2026/3/31 9:09:56

SiameseUIE部署指南：test.py中custom_entities字段详解

SiameseUIE部署指南：test.py中custom_entities字段详解 1. 概述如果你正在使用SiameseUIE模型进行信息抽取，那么test.py脚本中的custom_entities字段就是你最需要关注的核心配置。这个看似简单的字段，实际上决定了模型如何精准地从文本中抽…...

编程新知 2026/3/31 8:45:48

野火挑战者开发板实战：用STM32CubeMX从零配置GPIO、UART和ADC（附完整代码）

野火挑战者开发板实战：从零构建环境监测系统刚拿到野火挑战者开发板时，面对密密麻麻的引脚和复杂的配置选项，很多初学者会感到无从下手。本文将带你用STM32CubeMX图形化工具，快速配置GPIO、UART和ADC这三个最常用的外设&#xff…...

编程新知 2026/3/31 6:24:40

3大突破策略：Bypass Paywalls Clean 2024全场景应用指南

3大突破策略：Bypass Paywalls Clean 2024全场景应用指南【免费下载链接】bypass-paywalls-chrome-clean 项目地址: https://gitcode.com/GitHub_Trending/by/bypass-paywalls-chrome-clean 在信息爆炸的数字时代，付费墙已成为知识获取的主要障碍…...

编程新知 2026/3/31 3:46:47