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

css 元素前后添加图标（::before 和 ::after 的妙用）

news 2025/7/5 17:16:30

在这里插入图片描述

<template><div class="container"><div class="label">猜你喜欢</div></div>
</template><style lang="scss" scoped>
.label {display: flex;&::before,&::after {content: "";width: 20px;height: 20px;background-image: url(./bubble.png);background-size: contain;margin: -2px 10px;}
}
.container {margin: 30px;
}
</style>

css 元素前后添加图标（::before 和 ::after 的妙用）

<template><div class"container"><div class"label">猜你喜欢</div></div> </template><style lang"scss" scoped> .label {display: flex;&::before,&::after {content: "";widt…...

编程日记 2023/12/11 23:22:59

C++ 设计模式 Forward Declaration Pimpl

放几轮跟 chatgpt 的对话，很精彩的回答 You 我有个问题，我的 main 目标依赖 src/gcp_subscriber.h 的 GCPSubscriber class 这个 class 有个 private 成员 google::cloud::pubsub::Subscriber 也就意味着我得在 gcp_subscriber.h 里面引用 google clou…...

编程日记 2023/12/11 23:21:58

【uniapp】小程序开发8：滚动组件scroll-view

我们经常需要做页面中部分内容可以滚动的功能，例如“猜你喜欢”，内容太多，通常都会超出屏幕，那么此块区域应该可以滚动，但是顶部的自定义导航栏应该不能随着滚动。这个时候，就可以使用uniapp提供的滚动组件…...

编程日记 2023/12/11 23:17:55

Java王者荣耀火柴人

主要功能键盘W,A,S,D键：控制玩家上下左右移动。按钮一：控制英雄发射一个矩形攻击红方小兵。按钮控制英雄发射魅惑技能，伤害小兵并让小兵停止移动。技能三：攻击多个敌人并让小兵停止移动。普攻：对小兵造成基础伤害。小…...

编程日记 2023/12/11 23:12:50

1.下载Node.js, Javascipts的运行环境 node.js版本下载v12.18.3/https://www.cnblogs.com/txwtech/p/17865780.html 2.下载并安装DevEco Studio DevEco Studio 3.1 DevEco Studio 3.1配套支持HarmonyOS 3.1版本及以上的应用及服务开发，提供了代码智能编辑、低代…...

编程日记 2023/12/11 23:09:48

JDK多版本集成 Jacoco 配置指南

JDK多版本集成 Jacoco 配置指南本篇相关 JDK 版本配置如下： JDK8 JDK11 JDK17 Jacoco 是什么 Jacoco 是一个用于Java程序的代码覆盖率报告工具。它通过动态分析（在代码执行时收集数据）来生成代码覆盖率报告文件。Jacoco 支持多种覆盖率标…...

编程日记 2023/12/11 23:08:47

容器及容器调度（云）

在云计算中，容器是一种轻量级、可执行的软件包，它包含应用程序及其全部依赖项，包括库、二进制文件、配置文件等。容器与虚拟机不同，因为它们不需要包含完整的操作系统；相反，所有容器都共享主机操作系统的内…...

编程日记 2023/12/11 23:05:44

实验七子网的划分

实验七子网的划分实验目的掌握划分子网的方法实验内容划分给定IP地址的子网将划分后的子网应用到网络环境中实验要求每位同学从下表中至少选择一行进行子网划分，并填写所选择行的剩余部分。（注意：子网号全0的不用）标准IP地址要求划分子网数借用的主机位数子网掩码第…...

编程日记 2023/12/11 23:02:42

Proteus仿真--射击小游戏仿真设计

本文介绍基于proteus射击小游戏仿真设计（完整仿真源文件及代码见文末链接） 仿真图如下 K1-K4为4个按键，用于上移、下移、确认等，模拟单机游戏仿真运行视频 Proteus仿真--射击小游戏仿真设计附完整Proteus仿真资料代码资料 …...

编程日记 2023/12/11 23:00:40

docker的资源控制：

docker的资源控制： 对容器的使用宿主机的资源进行限制 cpu 内存磁盘i/0 docker使用linux自带的功能cgroup control grouos是linux内核系统提供的一种可以限制，记录，隔离进程所使用的物理资源 control grouos是linux内核系统提供的一种可…...

编程日记 2023/12/11 22:58:39

Leo赠书活动-13期【以企业架构为中心的SABOE数字化转型五环法】文末送书

Leo赠书活动-13期【以企业架构为中心的SABOE数字化转型五环法】文末送书 ✅作者简介：大家好，我是Leo，热爱Java后端开发者，一个想要与大家共同进步的男人😉😉 🍎个人主页：Leo的博客…...

编程日记 2023/12/11 22:56:37

【人工智能 | 知识表示方法】状态空间法语义网络，良好的知识表示是解题的关键！（笔记总结系列）

🤵‍♂️ 个人主页: AI_magician 📡主页地址： 作者简介：CSDN内容合伙人，全栈领域优质创作者。 👨‍💻景愿：旨在于能和更多的热爱计算机的伙伴一起成长！！&…...

编程日记 2023/12/11 22:55:36

华清远见嵌入式学习——QT——作业1

作业要求： 代码： ①：头文件 #ifndef LOGIN_H #define LOGIN_H#include <QWidget> #include <QLineEdit> //行编辑器类 #include <QPushButton> //按钮类 #include <QLabel> //标签类 #include <QM…...

编程日记 2023/12/11 22:52:34

MYSQL练习创建存储函数和存储过程

创建数据表，信息如下： 表结构： 字段名数据类型主键外键非空唯一自增 id INT 是否是是否 name VARCHAR(50) 否否是否否 glass VARCHAR(50) 否否是否…...

编程日记 2023/12/11 22:50:32

Java基础语法面试题

数据类型 Java有哪些数据类型定义：Java语言是强类型语言，对于每一种数据都定义了明确的具体的数据类型，在内存中分配了不同大小的内存空间。分类： 基本数据类型数值型整数类型(byte,short,int,long) 浮点类型(float,dou…...

编程日记 2023/12/11 22:48:31

结合ColorUI组件开发微信小程序

1.自定义组件生命周期函数： Component({data: {},attached() {console.log("自定义组件生命周期函数 attached--先执行");this.getPos();},ready() {console.log("ready生命周期函数---在attached之后执行")},methods: {getPos() {var that th…...

编程日记 2023/12/11 22:47:30

如何搭建废品上门回收小程序

如今，随着环境保护意识的增强，废品的回收和再利用变得越来越重要。为了方便人们进行废品回收，搭建一个废品上门回收的小程序成为了一个不错的选择。本文将介绍如何从零开始搭建一个废品上门回收小程序。 …...

编程日记 2023/12/11 22:43:27

蓝牙配对、连接和删除汇总

目的：处理PC连接蓝牙设备的配对、连接和删除操作，以及常见故障。命令行配对蓝牙设备并连接要求：配对BLUET043蓝牙，密码为4444，然后连接该蓝牙。操作步骤如下： Step1.下载修复工具，然后安装…...

编程日记 2023/12/11 22:42:26

Linux网络——高级IO

目录一.五种IO模型 1.阻塞式IO 2.非阻塞式IO 3.信号驱动IO 4.多路转接IO： 5.异步IO 二.同步通信 vs 异步通信三.设置非阻塞IO 1.阻塞 vs 非阻塞 2.非阻塞IO 3.实现函数SetNoBlock 四.I/O多路转接之select 1.初识select 2.select函数原型 3.socket就绪…...

编程日记 2023/12/11 22:41:25