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

uniapp：swiper-demo效果

news 文章来源：https://blog.csdn.net/qq_40745143/article/details/133669185 2024/12/26 9:38:27

单元格轮播

在这里插入图片描述

<swiper class="swiper1" :circular="true" :autoplay="true" interval="3000" previous-margin="195rpx" next-margin="195rpx"><swiper-item v-for="(item,index) in 5" :key="index"><view class="swiper-item"><image src="../../static/newimg/7.png" mode="" class="logo"></image><view class="btn df-aic-jusb"><view class="left"><image src="../../static/newimg/8.png" mode=""></image><text class="fsz-30 fw-b color-yello">1000</text><text class="fsz-16 fw-b color-yello">USDT</text></view><view class="right fsz-30 color-000 t-c">首卡铸造</view></view></view></swiper-item>
</swiper>

.swiper1{height: 850rpx;margin: 50rpx auto 100rpx;.swiper-item{width: 342rpx;height: 524rpx;background: #1C1C1C;border-radius: 20rpx;padding-top: 15rpx;}.logo{display: block;width: 310rpx;height: 418rpx;border-radius: 20rpx;margin: auto;border: 1rpx solid #F7DA4A;}.btn{margin:20rpx auto 0;padding: 0 14rpx;.left{display: flex;align-items: baseline;uni-image{width: 20rpx;height: 20rpx;margin-right: 8rpx;}}.right{width: 130rpx;height: 50rpx;background: #F7DA4A;border-radius: 10rpx;font-size: 26rpx;color: #050500;}}
}

相关文章：

uniapp：swiper-demo效果

单元格轮播 <swiper class"swiper1" :circular"true" :autoplay"true" interval"3000" previous-margin"195rpx" next-margin"195rpx"><swiper-item v-for"(item,index) in 5" :key"inde…...

编程日记 2023/10/9 19:51:09

Graphviz 作图工具

选择 Graphviz 作为作图工具&#xff0c;主要是想通过代码创建图标&#xff0c;按照 Graphviz 的代码规范就可以生成 svg 的图片。当然&#xff0c;这样的工具也有很多&#xff0c;有些 markdown 编辑器也做了集成&#xff0c;比如&#xff1a; flowchart.jsMermaid 了解 Gra…...

编程日记 2023/10/9 19:50:08

vue、vuex状态管理、vuex的核心概念state状态

每一个 Vuex 应用的核心就是 store&#xff08;仓库&#xff09;。“store”基本上就是一个容器&#xff0c;它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同&#xff1a; Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候&…...

编程日记 2023/10/9 19:49:01

【QT】Qt Application Manager启动应用源码分析

Qt Application Manager启动应用源码分析 Qt Application Manager&#xff08;以下简称QTAM&#xff09;是QT推出的一款应用管理程序&#xff0c;可以把它简单理解成Android的LauncherSystemUI。但是&#xff0c;QTAM又集成了Wayland功能&#xff0c;并且自身实现了一套Compos…...

编程日记 2023/10/9 19:47:59

MyBatisPlus（十）判空查询

说明 判空查询&#xff0c;对应SQL语句中的 IS NULL语句&#xff0c;查询对应字段为 NULL 的数据。 isNull /*** 查询用户列表&#xff0c; 查询条件&#xff1a;电子邮箱为 null 。*/Testvoid isNull() {LambdaQueryWrapper<User> wrapper new LambdaQueryWrapper<…...

编程日记 2023/10/9 19:46:57

AIGC（生成式AI）试用 8 -- 曾经的难题

长假&#xff0c;远离电脑、远离手机、远离社交。 阴雨连绵&#xff0c;望着窗外发呆&#xff0c;AIGC为何物&#xff1f;有什么问题要问AIGC&#xff1f;AIGC可以代替我来发呆&#xff0c;还是可是为我空出时间发呆&#xff1f; 如果可以替代我发呆&#xff0c;要我何…...

编程日记 2023/10/9 19:45:56

文化主题公园旅游景点3d全景VR交互体验加深了他们对历史文化的认知和印象

如今&#xff0c;沉浸式体验被广泛应用于文旅行业&#xff0c;尤其是在旅游演艺活动中。在许多城市&#xff0c;沉浸式旅游演艺活动已成为游客“必打卡”项目之一。因其独特体验和强互动性&#xff0c;这类演艺活动不仅吸引了外地游客&#xff0c;也吸引了本地观众。 随着信息化…...

编程日记 2023/10/9 19:44:55

京东数据分析平台：2023年8月京东奶粉行业品牌销售排行榜

鲸参谋监测的京东平台8月份奶粉市场销售数据已出炉&#xff01; 鲸参谋数据显示&#xff0c;8月份京东平台上奶粉的销售量将近700万件&#xff0c;环比增长约15%&#xff0c;同比则下滑约19%&#xff1b;销售额将近23亿元&#xff0c;环比增长约4%&#xff0c;同比则下滑约3%。…...

编程日记 2023/10/9 19:43:53

Java 21：虚拟线程介绍

Java 21 版本更新中最重要的功能之一就是虚拟线程 (JEP 444)。这些轻量级线程减少了编写、维护和观察高吞吐量并发应用程序所需的工作量。 正如我的许多其他文章一样&#xff0c;在推出新功能之前&#xff0c;让我们先看看 Java 21 版本更新前的现状&#xff0c;以便更好地了解…...

编程日记 2023/10/9 19:42:53

Redis-缓存穿透，缓存击穿，缓存雪崩

缓存穿透&#xff0c;缓存击穿&#xff0c;缓存雪崩 缓存穿透处理方案解决方案1 缓存空数据解决方案2 布隆过滤器 缓存击穿处理方案解决方案 1 互斥锁解决方案2 逻辑过期 缓存雪崩处理方案解决方案 1 给不同的key的过期时间设置添加一个随机值&#xff0c;降低同一个时段大量ke…...

编程日记 2023/10/9 19:41:51

如何使用Docker实现分布式Web自动化！

01、前言 顺着docker的发展&#xff0c;很多测试的同学也已经在测试工作上使用docker作为环境基础去进行一些自动化测试&#xff0c;这篇文章主要讲述在docker中使用浏览器进行自动化测试如果可以实现可视化&#xff0c;同时可以对浏览器进行相关的操作。 02、开篇 首先我们…...

编程日记 2023/10/9 19:40:50

从零开始：制作出色的产品原型图的详细教程

在设计产品的初始版本或模型时&#xff0c;产品原型起着非常重要的作用&#xff0c;可以帮助设计师和团队更好地了解产品需求和用户需求&#xff0c;优化和改进设计&#xff0c;确保设计最终满足用户的需求和期望。如果你不知道如何绘制产品原型图&#xff0c;绘制产品原型图的…...

编程日记 2023/10/9 19:39:49

美国访问学者签证如何申请加急办理？

许多中国学者梦想着前往美国深造&#xff0c;积累更多的学术经验和知识。然而&#xff0c;签证申请过程可能会变得复杂和繁琐&#xff0c;特别是如果你需要在紧急情况下前往美国。但别担心&#xff0c;本文知识人网小编将为您介绍美国访问学者签证加急办理的一些建议和步骤。 首…...

编程日记 2023/10/9 19:38:48

33 WEB漏洞-逻辑越权之水平垂直越权全解

目录 前言水平&#xff0c;垂直越权&#xff0c;未授权访问Pikachu-本地水平垂直越权演示(漏洞成因)墨者水平-身份认证失效漏洞实战(漏洞成因)原理越权检测-Burpsuite插件Authz安装测试(插件使用)修复防御方案 前言 越权漏洞文章分享&#xff1a;https://www.cnblogs.com/zhen…...

编程日记 2023/10/9 19:37:47

【FreeRTOS】【STM32】02 FreeRTOS 移植

基于 [野火]《FreeRTOS%20内核实现与应用开发实战—基于STM32》 正点原子《STM32F429FreeRTOS开发手册_V1.2》 准备 基础工程&#xff0c;例如点灯 FreeRTOS 系统源码 FreeRTOS 移植 上一章节已经说明了Free RTOS的源码文件在移植时所需要的&#xff0c;FreeRTOS 为我们提供…...

编程日记 2023/10/9 19:36:45

STM32F4X 内部FLASH使用

STM32F4X 内部FLASH使用 STM32F4X 内部FLASHSTM32F4X内部FLASH结构STM32F40X和STM32F41X内部FLASH结构STM32F42X和STM32F43X内部FLASH结构 STM32F4X内部FLASH操作例程internal_flash.hinternal_flash.cmain.c 在嵌入式开发中&#xff0c;经常需要实时保存一些数据。如果工程的代…...

编程日记 2023/10/9 19:35:44

减小windows或linux虚拟机导出ova体积大小

减小windows或linux虚拟机导出ova体积大小 删除无用的文件&#xff0c;比如日志或者命令&#xff0c;程序等&#xff1b;去除磁盘碎片将不用的内存空间填充为0&#xff0c;便于vmdk压缩。 例子&#xff1a; 日志文件置空&#xff1a; 批量置空 /sf/data/log/ 目录下的日志文…...

编程日记 2023/10/9 19:34:43

WPF livecharts 折线图遮挡数字问题

在WPF里使用livecharts&#xff0c;如果折线图或者柱状图有多个的时候&#xff0c;可能会出现两个数字遮挡问题&#xff0c;这时候要设置DataLabelsTemplate 属性。 如LineSeries设置代码如下&#xff1a; 第一个折线图的DataLabelsTemplate var stackPanelFactory new Fra…...

编程日记 2023/10/9 19:32:42

电力系统数字化升级改造之配电室无人值守

随着科技的不断进步&#xff0c;电力系统的数字化升级改造已成为必然趋势。其中&#xff0c;配电室的无人值守是其中重要的一环。 配电室是电力系统的重要组成部分&#xff0c;其运行状态直接影响到电力系统的稳定性和可靠性。然而&#xff0c;传统的配电室存在很多问题&am…...

编程日记 2023/10/9 19:31:41

集合Set

目录 一、去重问题 一、去重问题 题目描述&#xff1a; 小明想在学校中请一些同学一起做一项问卷调查&#xff0c;为了实验的客观性他先用计算机生成了N个1&#xff5e;1000之间的随机整数(N<1000),N是用户输入的&#xff0c;对于其中重复的数字&#xff0c;只保留一个&am…...

编程日记 2023/10/9 19:30:34

TCP/IP(二)导论

一 知识铺垫 以下内容参照 <<电子科技大学TCPIP协议原理>>全 ① 协议和标准 一组规则&#xff1a; 交通规则、学生上学的学生守则等;数据通信的规则,有一个专门的名称叫作协议 protocol语义&#xff1a;具体描述在通信当中,每一个信息的具体含义. 二进制bit流…...

编程日记 2023/10/9 19:29:33

Java之UDP,TCP的详细解析

练习四&#xff1a;文件名重复 public class UUIDTest { public static void main(String[] args) { String str UUID.randomUUID().toString().replace("-", ""); System.out.println(str);//9f15b8c356c54f55bfcb0ee3023fce8a } } public class Client…...

编程日记 2023/10/9 19:28:32

【总结】kubernates crd client-java 关于自定义资源的增删改查

Java model 准备 首先使用 crd.yml 和 kubernetes CRD 自动生成 Java model 类&#xff0c;这是一切的前提&#xff0c;之前在这个地方也卡了很久。如何生成在另外一个文章中已经有所记录。 使用 crd.yml 和 kubernetes CRD 自动生成 Java model 类 CustomObjectsApi 文档学习…...

编程日记 2023/10/9 19:27:31

蓝牙主要知识，一文概览

蓝牙知识相关 文章目录 蓝牙知识相关1.蓝牙版本的发展简史2.低功耗BLE PHY2.1 频段**2.2 BLE调制方案—GFSK**2.3 **蓝牙 LE 传输速度、功率和接收器灵敏度**2.4 **BLE 时分双工 (TDD)**3.BT主从连接过程3.1 主设备工作模式3.1.1 积木编程控制台3.2 从设备工作模式3.2.1 蓝牙遥…...

编程日记 2023/10/9 19:26:30

Linux 守护进程

一 何为守护进程 守护进程&#xff08; Daemon &#xff09;也称为精灵进程&#xff0c;是运行在后台的一种特殊进程&#xff0c;它独立于控制终端并且周期性 地执行某种任务或等待处理某些事情的发生&#xff0c;主要表现为以下两个特点&#xff1a; 长期运行。守护进程是一…...

编程日记 2023/10/9 19:25:29

自动驾驶技术的基础知识

自动驾驶技术是现代汽车工业中的一项革命性发展&#xff0c;它正在改变着我们对交通和出行的理解。本文将介绍自动驾驶技术的基础知识&#xff0c;包括其概念、历史发展、分类以及关键技术要素。 1. 自动驾驶概念 自动驾驶是一种先进的交通技术&#xff0c;它允许汽车在没有人…...

编程日记 2023/10/9 19:24:28

解决：yarn 无法加载文件 “C:\Users\XXXXX\AppData\Roaming\npm\yarn.ps1，因为在此系统上禁止运行脚本“ 的问题

1、问题描述&#xff1a; 报错的整体代码为&#xff1a; yarn : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\yarn.ps1&#xff0c;因为在此系统上禁止运行脚本 // 整体的报错代码为 &#xff1a; yarn : 无法加载文件 C:\Users\admin\AppData\Roaming\npm\yarn.ps1&…...

编程日记 2023/10/9 19:23:27

【JVM--StringTable字符串常量池】

文章目录 1. String 的基本特性2. 字符串拼接操作3. intern()的使用4. StringTable 的垃圾回收 1. String 的基本特性 String 声明为 final 的&#xff0c;不可被继承String 实现了 Serializable 接口&#xff1a;表示字符串是支持序列化的。String 实现了 Comparable 接口&am…...

编程日记 2023/10/9 19:22:26

Large Language Models Meet Knowledge Graphs to Answer Factoid Questions

本文是LLM系列文章&#xff0c;针对《Large Language Models Meet Knowledge Graphs to Answer Factoid Questions》的翻译。 大型语言模型与知识图谱相遇&#xff0c;回答虚假问题 摘要1 引言2 相关工作3 提出的方法4 实验设计5 结果与讨论6 结论 摘要 最近&#xff0c;有研…...

编程日记 2023/10/9 19:21:25

blender 之视频渲染（以三维重建path为例）

blender 之视频渲染&#xff08;以三维重建path为例&#xff09; 1.新建轨迹路径2.设置相机&#xff0c;使其按照path运动3.将相机视角对准物体4.修改帧率5.设置输出路径6.设置输出格式7.渲染 1.新建轨迹路径 新建轨迹 选中新建的BezierCycle&#xff0c;按住S&#xff0c;拖…...

编程日记 2023/10/9 19:20:24

wordpress 免登录发布/一个新品牌如何推广

1.CORS中间件处理跨源请求。以下代码为具有指定源的整个应用程序启用CORS&#xff1a; public void Configure(IApplicationBuilder app, IHostingEnvironment env){if (env.IsDevelopment()){app.UseDeveloperExceptionPage();}else{// The default HSTS value is 30 days. Yo…...

编程日记 2024/12/25 22:54:38

wordpress菜单栏插件/微商引流被加方法精准客源

前言 为了能够真实模拟实验室的Autolabor_pro1小车&#xff0c;我就自己用solidworks2018基本仿画出Autolabor模型&#xff0c;当然我知道官网有urdf文件但是好像官方的只有一个车子的base部分没有其他任何对外的传感器&#xff0c;因此我就索性自己利用solidworks构建自己的机…...

编程日记 2024/12/25 22:31:23

山东建设厅官方网站临沂/烟台seo关键词排名

(1)备份开始时会开启一个后台检测进程&#xff0c;实时检测mysql redo(已提交的事务)的变化&#xff0c;一旦发现redo中有新日志写入&#xff0c;立刻将日志记入后台日志文件xtrabackup_log中&#xff0c;(2)复制InnoDB的数据文件和系统表空间文件ibdata1&#xff0c;(3)待复制…...

编程日记 2024/12/25 17:49:46

校园二手交易网站值得做吗/常德网站设计

我们正在尝试将Linux映像加载到DRAM的特定位置,DRAM结束地址是我们从启动日志中得知的“mem device结束地址是0x80000000”的0x80000000.我们正在地址“0x5000000”加载我们的图像,并且在图像的variuos部分加载到大于“0x80000000”的某个地址之前,再次从启动日志中获取eaxmple…...

编程日记 2024/12/25 12:03:43

农村小学校园网站建设方案/自媒体人专用网站

如图&#xff0c;我们在CentOS7中安装 vm-tools&#xff0c;使用 open-vm-tools CentOS原生自带yum&#xff0c;所以可以直接使用 yum 一键安装&#xff0c;并配置为开机启动&#xff0c;如下&#xff1a; [rootlocalhost ~]# yum install -y open-vm-tools [rootlocalhost ~…...

编程日记 2024/12/25 11:22:54

wordpress term_group/免费域名注册平台

2019独角兽企业重金招聘Python工程师标准>>> 最近在清理服务器垃圾数据发现这样的文件夹. 我后来在我本地想用java程序生成这样的文件夹 但是我发现根本生成不了 我就手动创建 发现也创建不了 提示文件夹不能包含\ 和 / 后来我百度了 发现在liunx和window不一样 Fi…...

编程日记 2024/12/25 11:06:45