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

在uniapp中使用背景渐变色与背景图不生效问题

news 2025/12/15 21:52:05

list上有文字详情以及背景图，从背景可以看出是渐变色和背景图片的结合。

因为使用到渐变色，所以要结合 background-blend-mode 属性来实现与背景图片叠加显示，否则只通过 background: linear-gradient(); background-image: url(); 设置不会生效，这样只能显示图片。

 background-repeat: no-repeat;background-size: contain;background-image: linear-gradient(180deg, #02AE81 0%, #01764A 100%),url('../../static/xxxx.png');background-position: right bottom;background-blend-mode: color-burn;

如果背景色不是渐变色，可以直接使用background-color: ; background-image: url();

background-blend-mode 属性定义了元素背景层的混合模式（background-image图片与background-color颜色）。

在uniapp中使用背景渐变色与背景图不生效问题

list上有文字详情以及背景图，从背景可以看出是渐变色和背景图片的结合。因为使用到渐变色，所以要结合 background-blend-mode 属性来实现与背景图片叠加显示，否则只通过 background: linear-gradient(); background-image: url(); 设置不会…...

编程日记 2023/12/28 11:17:32

1.采用第三方开元工具dom4j完成使用步骤 1.导包dom4j的jar包 2.add as lib.... 3.创建核心对象, 读取xml得到Document对象 SAXReader sr new SAXReader(); Document doc sr.read(String path); 4.根据Document获取根元素对象 Element root doc.getRootElement(); …...

编程日记 2023/12/28 11:15:30

React快速入门之交互性

响应事件创建事件处理函数处理函数名常以handle事件名命名 function handlePlayClick() {alert(Playing);}传递事件处理函数函数名、匿名两种方式！ function PlayButton() {function handlePlayClick() {alert(Playing);}return (<Button handleClick{handl…...

编程日记 2023/12/28 11:08:24

浅谈WPF之ToolTip工具提示

在日常应用中，当鼠标放置在某些控件上时，都会有相应的信息提示，从软件易用性上来说，这是一个非常友好的功能设计。那在WPF中，如何进行控件信息提示呢？这就是本文需要介绍的ToolTip【工具提示】内容&#xf…...

编程日记 2023/12/28 11:07:23

Android Studio 如何隐藏默认标题栏

目录前言一、修改清单文件二、修改代码三、更多资源前言在 Android 应用中，通常会有一个默认的标题栏，用于显示应用的名称和一些操作按钮。但是，在某些情况下，我们可能需要隐藏默认的标题栏，例如自定义标题栏…...

编程日记 2023/12/28 11:05:21

对于c++的总结与思考

笔者觉得好用的学习方法：模板法 1.采用原因：由于刚从c语言面向过程的学习中解脱出来，立即把思路从面向过程转到面向对象肯定不现实，加之全新的复杂语法与操作，着实给新手学习这门语言带来了不小的困难。所以&#xff…...

编程日记 2023/12/28 11:02:19

Flask 账号详情展示

Flask 账号详情展示这段代码是一个基于Flask框架的Python应用程序。它包含了两部分代码：Python代码和HTML代码。 web/templates/common/tab_account.html <div class"row border-bottom"><div class"col-lg-12"><div cla…...

编程日记 2023/12/28 11:01:18

软件测试/测试开发丨Pytest 参数化用例

参数化通过参数的方式传递数据，从而实现数据和脚本分离。并且可以实现用例的重复生成与执行。参数化应用场景测试登录场景测试登录成功，登录失败(账号错误，密码错误)创建多种账号: 中⽂文账号，英⽂文账号普通测试用例方法 …...

编程日记 2023/12/28 11:00:17

MATLAB中./和/，.和，.^和^的区别

MATLAB中./和/，.*和*，.^ 和^ 的区别 MATLAB中./和/，.*和*，.^ 和^ 的区别./ 和 / 的区别.//实验实验结果 .* 和 * 的区别.**实验实验结果 .^ 和^ 的区别.^n^n实验运行结果 MATLAB中./和/，.和，.^ 和^ 的区别 …...

编程日记 2023/12/28 10:59:16

Flask 与微信小程序对接

Flask 与微信小程序的对接在 web/controllers/api中增建py文件，主要是给微信小程序使用的。 web/controllers/init.py # -*- coding: utf-8 -*- from flask import Blueprint route_api Blueprint( api_page,__name__ )route_api.route("/") def ind…...

编程日记 2023/12/28 10:58:15

node.js express框架开发入门教程

文章目录前言一、Express 生成器（express-generator）二、快速安装1.express框架express-generator生成器安装2.使用pug视图引擎创建项目,projectName 为项目名称自定义三、安装热更新插件 nodemon四、目录结构1. public文件夹2.routes路由其他请求方式…...

编程日记 2023/12/28 10:57:14

Spring系列学习二、Spring框架的环境配置

Spring框架的环境配置一、Java环境配置二、 Spring框架的安装与配置三、Maven与Gradle环境的配置四、IDE环境配置（Eclipse与IntelliJ IDEA）五、结语一、Java环境配置所有编程旅程总是得从基础开始，如同乐高积木大作的基座，首先…...

编程日记 2023/12/28 10:53:11

基于飞浆OCR的文本框box及坐标中心点检测JSON格式保存文本

OCR的文本框box及JSON数据保存需求说明一、借助飞浆框出OCR识别的文本框二、以圆圈形式标出每个框的中心点位置三、以JSON及文本格式保存OCR识别的文本四、以文本格式保存必要的文本信息解决方法一、文本的坐标来自飞浆的COR识别二、借助paddleocr的draw_ocr画出…...

编程日记 2023/12/28 10:52:10

ubuntu 安装docker GPG error缺少公钥解决方法

文章目录报错信息解决方案报错信息 W: GPG error: http://mirrors.aliyun.com/docker-ce/linux/ubuntu focal InRelease: The following signatures couldn’t be verified because the public key is not available: NO_PUBKEY 7EA0A9C3F273FCD8 E: The repository ‘http:…...

编程日记 2023/12/28 10:51:09

Laravel的知识点

1.{{　}} 是在 HTML 中内嵌 PHP 的 Blade 语法标识符，表示包含在该区块内的代码都将使用 PHP 来编译运行。 2.两种写法 3.return void 在这段注释中，"return void" 表示该函数或方法没有返回值。这意味着它执行某些操作或任务，但…...

编程日记 2023/12/28 10:50:08

STM32 基础知识（探索者开发板）--103讲通用定时器

定时器溢出时间计算方法: Tout ((arr 1) * (psc 1)) / Ft us arr:自动重装载值 psc:时钟预分频数定时器相关实验通用步骤 1.定时器初始化 a.定义结构体句柄 b.设基地址 c.设分频系数 d.设自动重装载值 e. 设计数模式 f.初始化定时器 2.外设模式配置 a.设置模式 d.映…...

编程日记 2023/12/28 10:49:07

mysqld_exporter使用

下载自己解压好 https://github.com/prometheus/mysqld_exporter/releases/download/v0.15.1/mysqld_exporter-0.15.1.linux-amd64.tar.gz在需要监控的数据库上执行 CREATE USER monit_test* IDENTIFIED BY Sfn4ZCHsK WITH MAX_USER_CONNECTIONS 3; GRANT PROCESS, REPLICATI…...

编程日记 2023/12/28 10:48:07

Java 解决远程调用 ssl 证书认证问题

Java 解决远程调用 ssl 证书认证问题方法 1方法 2方法 3 方法 1 在 jdk 目录导入证书。首先要下载服务器 ssl 证书，下载完成之后。把它命名成 Root.cer 后面使用 cmd 命令行在 jdk 目录导入。例如 ： jdk 的目录为：D:\JetBranins\Intel…...

编程日记 2023/12/28 10:47:06

kubernetes（k8s) Yaml 文件详解

YAML格式：用于配置和管理，YAML是一种简洁的非标记性语言，内容格式人性化，较易读。 1、查看API 资源版本标签 kubectl api-versions 2、编写资源配置清单 kubectl create -f nginx-test.yaml --validatefalse 2.3 查看创建的po…...

编程日记 2023/12/28 10:46:05

手拉手后端Springboot整合JWT

环境介绍技术栈 springbootmybatis-plusmysqljava-jwt 软件版本 mysql 8 IDEA IntelliJ IDEA 2022.2.1 JDK 1.8 Spring Boot 2.7.13 mybatis-plus 3.5.3.2 Json Web令牌简称JWT Token是在服务端产生的一串字符串是客户端访问资源接口(AP)时所需要的资源凭证。…...

编程日记 2023/12/28 10:45:02

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中，我们会遇到使用 java 调用 dll文件的情况，此时大概率出现UnsatisfiedLinkError链接错误，原因可能有如下几种类名错误包名错误方法名参数错误使用 JNI 协议调用，结果 dll 未实现 JNI 协…...

编程新知 2025/10/6 16:38:04

Axios请求超时重发机制

Axios 超时重新请求实现方案在 Axios 中实现超时重新请求可以通过以下几种方式： 1. 使用拦截器实现自动重试 import axios from axios;// 创建axios实例 const instance axios.create();// 设置超时时间 instance.defaults.timeout 5000;// 最大重试次数 cons…...

编程新知 2025/10/13 2:26:14

css3笔记（1）自用

outline: none 用于移除元素获得焦点时默认的轮廓线 broder:0 用于移除边框 font-size：0 用于设置字体不显示 list-style: none 消除<li> 标签默认样式 margin: xx auto 版心居中 width:100% 通栏 vertical-align 作用于行内元素 / 表格单元格&#xff…...

编程新知 2025/10/11 5:18:43

sipsak：SIP瑞士军刀！全参数详细教程！Kali Linux教程！

简介 sipsak 是一个面向会话初始协议 (SIP) 应用程序开发人员和管理员的小型命令行工具。它可以用于对 SIP 应用程序和设备进行一些简单的测试。 sipsak 是一款 SIP 压力和诊断实用程序。它通过 sip-uri 向服务器发送 SIP 请求，并检查收到的响应。它以以下模式之一…...

编程新知 2025/12/10 8:12:54

LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf

FTP 客服管理系统实现kefu123登录，不允许匿名访问，kefu只能访问/data/kefu目录，不能查看其他目录创建账号密码 useradd kefu echo 123|passwd -stdin kefu [rootcode caozx26420]# echo 123|passwd --stdin kefu 更改用户 kefu 的密码…...

编程新知 2025/12/9 1:27:03