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

UniApp：uni-segmented-control 自定义布局

news 2026/3/28 19:39:46

 自定义tabs选项，items 为tabs名称数组，横向滚动

<scroll-view scroll-x><view class="segmented-control"><view v-for="(item, index) in items" :key="index" class="control-item ":class="{'active': index === activeIndex}" @click="handleActive(index)"><view class="custom-badge flex-end"><view class="custom-badge-info voerflow-text">{{item.info}}</view><view class="custom-badge-txt flex-center">{{ item.name }}</view></view></view></view>
</scroll-view>

样式： 

	.segmented-control {display: flex;// justify-content: space-around;white-space: nowrap;width: 1200rpx;}.control-item {padding: 10px;cursor: pointer;width: 88px;font-family: Source Han Sans SC, Source Han Sans SC;font-weight: 400;font-size: 32rpx;color: #FFFFFF;.custom-badge {width: 100%;.custom-badge-info {position: absolute;background-color: #D54941;padding: 10rpx;font-size: 20rpx;width: 25rpx;border-radius: 100%;margin-top: -35rpx;margin-right: -10rpx;}.custom-badge-txt {width: 100%;font-size: 32rpx;font-weight: 500;}}}.active {color: #007aff;.custom-badge-info {color: #FFFFFF;}}

相关文章：

UniApp：uni-segmented-control 自定义布局

自定义tabs选项&#xff0c;items 为tabs名称数组&#xff0c;横向滚动 <scroll-view scroll-x><view class"segmented-control"><view v-for"(item, index) in items" :key"index" class"control-item ":class"…...

编程日记 2024/12/22 5:39:51

【算法day17-day18】回溯：解决组合问题

不好意思呀各位&#xff0c;最近在忙期末考今天才彻底结束&#xff0c;来让我们继续算法之路吧~ 题目引用 组合电话号码的字母组合组合总和组合总和II分割回文串 1.组合 给定两个整数 n 和 k&#xff0c;返回范围 [1, n] 中所有可能的 k 个数的组合。 你可以按 任何顺序 返回…...

编程日记 2024/12/22 5:36:48

从监控异常发现网络安全

前言 最近在前端异常监控系统中&#xff0c;发现一些异常信息&#xff0c;从中做了一些分析&#xff0c;得到一些体会&#xff0c;因此作文。 发现异常 某天早上打开监控系统发现&#xff0c;当天凌晨1点过测试环境有2个前端上报的异常&#xff0c;报错的原因都是由于没有获取…...

编程日记 2024/12/22 5:33:46

Qt之自定义标题栏拓展（十）

Qt开发 系列文章 - user-defined-titlebars&#xff08;十&#xff09; 目录 前言 一、方式一 1.效果演示 2.创建标题栏类 3.可视化UI设计 4.定义相关函数 5.使用标题栏类 二、方式二 1.效果演示 2.创建标题栏类 3.定义相关函数 1.初始化函数 2.功能函数 3.窗口关…...

编程日记 2024/12/22 5:29:42

Verilog中initial的用法

在 Verilog 语言中&#xff0c;initial 语句用于在仿真开始时执行一次性初始化操作。它是顺序执行的&#xff0c;用来描述在仿真启动时立即运行的代码块&#xff0c;通常用于赋初值、生成波形或控制信号行为。 语法 initial begin // 语句1 // 语句2 ... end特点 只…...

编程日记 2024/12/22 5:28:41

（14）D-FINE网络，爆锤yolo系列

yolo过时了&#xff1f;传统的yolo算法在小目标检测方面总是不行&#xff0c;最新算法DEIM爆锤yolo&#xff0c;已经替yolo解决。 一、创新点 ​ 这个算法名为DEIM&#xff0c;全称是DETR with Improved Matching for Fast Convergence&#xff0c;其主要创新点在于提出了一…...

编程日记 2024/12/22 5:27:40

Python :冬至快乐

第1部分&#xff1a;基础设置 首先创建一个新的 Python 文件&#xff0c;命名为 fireworks.py。 步骤 1.1: 导入必要的库 import pygame import random import sys from pygame.locals import * import math import time这些库的作用&#xff1a; pygame: 用于创建游戏和图…...

编程日记 2024/12/22 5:25:39

重拾设计模式--状态模式

文章目录 状态模式&#xff08;State Pattern&#xff09;概述状态模式UML图作用&#xff1a;状态模式的结构环境&#xff08;Context&#xff09;类&#xff1a;抽象状态&#xff08;State&#xff09;类&#xff1a;具体状态&#xff08;Concrete State&#xff09;类&#x…...

编程日记 2024/12/22 5:24:37

稀疏矩阵的存储与计算 gaxpy

1, gaxpy 数学公式 其中&#xff1a; &#xff0c; &#xff0c; 2, 具体实例 3&#xff0c;用稠密矩阵的方法 本节将用于验证第4节中的稀疏计算的结果 hello_gaxpy_dense.cpp #include <stdio.h> #include <stdlib.h>struct Matrix_SP {float* val; //…...

编程日记 2024/12/22 5:23:37

基于LabVIEW的USRP信道测量开发

随着无线通信技术的不断发展&#xff0c;基于软件无线电的设备&#xff08;如USRP&#xff09;在信道测量、无线通信测试等领域扮演着重要角色。通过LabVIEW与USRP的结合&#xff0c;开发者可以实现信号生成、接收及信道估计等功能。尽管LabVIEW提供了丰富的信号处理工具和图形…...

编程日记 2024/12/22 5:22:36

基于LSTM长短期记忆神经网络的多分类预测【MATLAB】

在深度学习中&#xff0c;长短期记忆网络&#xff08;LSTM, Long Short-Term Memory&#xff09;是一种强大的循环神经网络&#xff08;RNN&#xff09;变体&#xff0c;专门为解决序列数据中的长距离依赖问题而设计。LSTM因其强大的记忆能力&#xff0c;广泛应用于自然语言处理…...

编程日记 2024/12/22 5:21:35

物联网：全面概述、架构、应用、仿真工具、挑战和未来方向

中文论文标题&#xff1a;物联网&#xff1a;全面概述、架构、应用、仿真工具、挑战和未来方向 英文论文标题&#xff1a;Internet of Things: a comprehensive overview, architectures, applications, simulation tools, challenges and future directions 作者信息&#x…...

编程日记 2024/12/22 5:20:33

volatility2工具的使用vol2工具篇

vol2工具 命令格式&#xff1a;vol.py -f [image] --profile[profile] [plugin] 1、查看系统的操作版本&#xff0c;系统镜像信息 2.查看用户名密码信息&#xff0c;当前操作系统中的password hash&#xff0c;例如SAM文件内容 3.从注册表提取LSA密钥信息&#xff08;已解密&…...

编程日记 2024/12/22 5:18:32

R 基础运算

R 基础运算 R 是一种广泛使用的统计编程语言&#xff0c;它提供了强大的数据操作和分析功能。基础运算在 R 中非常重要&#xff0c;因为它们是进行更复杂计算和数据分析的基础。本文将详细介绍 R 中的基础运算&#xff0c;包括算术运算、逻辑运算、向量化和矩阵运算。 一、算…...

编程日记 2024/12/22 5:17:31

javaScriptBOM

1.1、BOM概述 1.1.1、BOM简介 BOM&#xff08;browser Object&#xff09;即浏览器对象模型&#xff0c;它提供了独立于内容而与浏览器窗口进行交互的对象&#xff0c;其核心对象是window。 BOM由一系列的对象构成&#xff0c;并且每个对象都提供了很多方法与属性 BOM缺乏标准…...

编程日记 2024/12/22 5:16:30

Godot RPG 游戏开发指南

Godot RPG 游戏开发指南 一、基础准备 1. 开发环境 下载并安装最新版 Godot 4.x选择使用 GDScript 或 C# 作为开发语言准备基础美术资源&#xff08;角色、地图、道具等&#xff09; 2. 项目结构 project/ ├── scenes/ # 场景文件 ├── scripts/ # 脚…...

编程日记 2024/12/22 5:15:30

目标检测数据集图片及标签同步旋转角度

前言 在深度学习领域&#xff0c;尤其是目标检测任务中&#xff0c;数据集的质量直接影响模型的性能。为了提升模型的鲁棒性和对各种场景的适应能力&#xff0c;数据增强技术被广泛应用于图像数据集处理。旋转角度是常见的数据增强方法&#xff0c;通过对图像及其对应的标签&am…...

编程日记 2024/12/22 5:14:29

2025前端面试热门题目——计算机网络篇

计算机网络篇——面试 1. 到底什么是 TCP 连接? TCP 连接的定义 TCP&#xff08;传输控制协议&#xff09;是一个面向连接的传输层协议。TCP 连接是通过 三次握手 确立的可靠数据通信链路&#xff0c;保证了在不可靠网络&#xff08;如互联网&#xff09;上的数据传输的准确…...

编程日记 2024/12/22 5:12:27

LEAST-TO-MOST PROMPTING ENABLES COMPLEX REASONING IN LARGE LANGUAGE MODELS---正文

题目 最少到最多的提示使大型语言模型能够进行复杂的推理 论文地址&#xff1a;https://arxiv.org/abs/2205.10625 摘要 思路链提示在各种自然语言推理任务中表现出色。然而&#xff0c;它在需要解决比提示中显示的示例更难的问题的任务上表现不佳。为了克服这种由易到难的概括…...

编程日记 2024/12/22 5:10:25

Java开发经验——日志治理经验

摘要 本文主要介绍了Java开发中的日志治理经验&#xff0c;包括系统异常日志、接口摘要日志、详细日志和业务摘要日志的定义和目的&#xff0c;以及错误码规范和异常处理规范。强调了日志治理的重要性和如何通过规范化错误码和日志格式来提高系统可观测性和问题排查效率。 1. …...

编程日记 2024/12/22 5:07:21

如何通过3阶段实现Windows无缝安装APK？革新性工具APK Installer全解析

如何通过3阶段实现Windows无缝安装APK&#xff1f;革新性工具APK Installer全解析 【免费下载链接】APK-Installer An Android Application Installer for Windows 项目地址: https://gitcode.com/GitHub_Trending/ap/APK-Installer 在Windows系统上运行Android应用一直…...

编程新知 2026/3/28 18:48:40

大数据环境下数据仓库的自动化运维实践

大数据环境下数据仓库的自动化运维实践 关键词：大数据、数据仓库、自动化运维、实践、效率提升 摘要：本文围绕大数据环境下数据仓库的自动化运维实践展开。首先介绍了大数据环境和数据仓库自动化运维的背景知识，接着详细解释了相关核心概念及其关系，阐述了自动化运维的核心…...

编程新知 2026/3/28 17:39:59

单目双目相机精准标定与IMU联合校准技术

单目双目相机标定。 相机、imu联合标定。标定这玩意儿说难不难&#xff0c;说简单吧又总有几个坑等着你跳。搞视觉的兄弟们肯定都懂&#xff0c;传感器不准的时候那真是两眼一抹黑。咱们今天直接上干货&#xff0c;聊聊单目双目相机标定&#xff0c;顺带把相机和IMU的联合标定也…...

编程新知 2026/3/28 17:27:53

别再手动合并代码了！用Docker Compose 5分钟搞定Gitea私有Git服务器（附PostgreSQL配置）

5分钟极速搭建Gitea私有Git服务&#xff1a;Docker Compose与PostgreSQL黄金组合 还在用网盘同步代码&#xff1f;或是把项目文件夹压缩后通过聊天软件传来传去&#xff1f;作为经历过这些"原始管理方式"的开发者&#xff0c;我完全理解手动合并冲突时的崩溃感——上…...

编程新知 2026/3/28 17:05:36

Docker实验5

实验五----Docker编排与部署 本实验按 1 个 manager 节点 2 个 worker 节点 的标准流程进行。Docker Swarm 模式是 Docker Engine 内置的集群编排能力&#xff0c;不需要额外安装单独的编排器 **先把一台 Ubuntu 虚拟机装好 Docker&#xff0c;再关机&#xff0c;用 VMware …...

编程新知 2026/3/28 16:25:20

保姆级教程：用Brainstorm搞定运动想象EEG分析，从时频图到分类器实战

保姆级教程&#xff1a;用Brainstorm搞定运动想象EEG分析&#xff0c;从时频图到分类器实战 运动想象脑电&#xff08;EEG&#xff09;分析是脑机接口&#xff08;BCI&#xff09;研究中的经典课题&#xff0c;也是许多研究生和初学者的第一个实战项目。但面对复杂的信号处理和…...

编程新知 2026/3/28 16:15:08

手把手教你用LiuJuan Z-Image：从下载到出图，小白也能搞定高清人像生成

手把手教你用LiuJuan Z-Image&#xff1a;从下载到出图&#xff0c;小白也能搞定高清人像生成 想用AI生成专业级人像照片却不知从何入手&#xff1f;本文将带你从零开始&#xff0c;一步步掌握LiuJuan Z-Image Generator的使用方法。无需编程基础&#xff0c;跟着这份保姆级教…...

编程新知 2026/3/28 14:34:41

小白也能玩转AI语音：VoxCPM-1.5-WEBUI快速入门指南

小白也能玩转AI语音&#xff1a;VoxCPM-1.5-WEBUI快速入门指南 1. 为什么选择VoxCPM-1.5-WEBUI&#xff1f; 在AI语音技术日益普及的今天&#xff0c;找到一个既专业又容易上手的文本转语音工具并不容易。VoxCPM-1.5-WEBUI正是为解决这个问题而设计的&#xff0c;它让AI语音合…...

编程新知 2026/3/28 14:34:41

Z-Image-Turbo-辉夜巫女材质与光影专题：金属、玻璃、织物等不同质感的极致渲染

Z-Image-Turbo-辉夜巫女材质与光影专题&#xff1a;金属、玻璃、织物等不同质感的极致渲染 你有没有想过&#xff0c;为什么有些AI生成的图片看起来“假假的”&#xff0c;一眼就能认出来&#xff1f;很多时候&#xff0c;问题就出在“质感”上。金属不像金属&#xff0c;玻璃…...

编程新知 2026/3/28 14:16:37

CodeHub：解锁3大效率革命，重新定义GitHub项目管理体验

CodeHub&#xff1a;解锁3大效率革命&#xff0c;重新定义GitHub项目管理体验 【免费下载链接】CodeHub A UWP GitHub Client 项目地址: https://gitcode.com/gh_mirrors/code/CodeHub 作为开发者&#xff0c;你是否曾在GitHub网页版中迷失于多标签页切换的混乱&#x…...

编程新知 2026/3/28 13:38:25