首页 > 编程语言 >微信小程序------功能组件------轮播图

微信小程序------功能组件------轮播图

时间:2024-05-19 09:18:24浏览次数:19  
标签:轮播 微信 image height content 组件 ------

页面结构

<swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circular autoplay>
  <swiper-item>
    <image src="/pages/images/test.png" />
  </swiper-item>
  <swiper-item>
    <image src="/pages/images/1.png" />
  </swiper-item>
  <swiper-item>
    <image src="/pages/images/2.png" />
  </swiper-item>
</swiper>

在上述代码中,第1行为swiper组件设置了指示点的颜色为白半透明色,当前选中的指示点颜色为白色不透明。第3、6、9行使用image组件引入轮播图的图片

页面样式

.content-info-slide{
  height: 302rpx;
  margin-bottom: 20px;
}
.content-info-slide image{
  width: 100%;
  height: 100%;
}

 

标签:轮播,微信,image,height,content,组件,------
From: https://www.cnblogs.com/lixianhui/p/18199263

相关文章

  • QYN2
    1#!/bin/bash23#自动下载电视剧,支持按集断点下载,正在追的电视剧添加到计划任务每天定期执行一次即可4#QYN2在线网站:https://www.jjwu.net/vodplay/46471_5_1.html5#使用Ubuntu系统,需要安装的工具6#apt-getinstall-yparallelwgetffmpeg78#创......
  • SpringCloud(1)-Eureka相关配置
    1.新建Module-注册中心作为注册中心1.1配置pom.xml<!--引入eureka-server--><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-netflix-eureka-server</artifactId&g......
  • IMX6ULL Linux内核网络驱动修改
    IMX6ULL网络驱动修改主要修改arch/arm/boot/dts/imx6ul-14x14-evk.dtsi设备树文件即可,修改方式和u-boot的设备树修改一致。硬件电路设备树修改需要修改的设备树位置:arch/arm/boot/dts/imx6ul-14x14-evk.dtsi增加复位引脚信息从上面的原理图可知网口1使用的复位引脚是GPIO......
  • OpenVX代码优化裁减简介
    OpenVX代码优化裁减简介 在OpenVX中,裁减(Reduction)是一种操作,它对数组或图像中的元素执行聚合操作。这里的“裁减”是指将大型数组或图像减少到单一数值的过程。OpenVX提供了几种不同的裁减操作,包括求和(Summation)、平均(Average)、最小值(Minimum)、最大值(Maximum)和累加器(Accumulat......
  • (10)uart串口通信
    一、uart简介  二、uart串口通信实验 其中:sys_clk为系统时钟。uart_rxd为串口从上位机接收到的数据,当检测到uart_rxd出现下降沿(起始位),start_flag产生正向脉冲,rx_flag也被拉高,clk_cnt为时钟计数器,由0计数到433,rx_cnt为接收数据计数器,当计数到第九位且......
  • Ubuntu2404安装以及部署docker
    Ubuntu2404安装以及部署docker背景不喜欢ubuntu总是变来变去的.自己玩还行,部署生产能被坑死.如果都是自己管理的ubuntu还好加上很多op部署的,纯粹自己找没趣了安装正常选择就可以.主要是想说明一下没有GUI情况下的网络设置开机先设置地址sudoipaddradd......
  • VirtualBox虚拟机远程桌面连接设置详解(包含登录密码设置)
    一、安装VirtualBox虚拟机下载与安装:访问VirtualBox官方网站,根据您的操作系统(如Linux、Windows、Mac等)下载对应版本的VirtualBox安装包。安装下载的VirtualBox软件。创建虚拟机:打开VirtualBox,点击“新建”按钮,按照向导创建新的虚拟机。例如,命名为“Winxp”。根据您的......
  • 【GUI软件】采集抖音博主的主页视频(可监控对标账号最新作品)
    目录一、背景介绍1.1爬取目标1.2演示视频1.3软件说明二、代码讲解2.1爬虫采集模块2.2软件界面模块2.3日志模块三、获取采集软件一、背景介绍1.1爬取目标您好!我是@马哥python说,一名10年程序猿。我用python开发了一个抖音爬虫采集软件,可自动按博主抓取其已发布视频数据。......
  • 二分图的最大匹配(匈牙利算法)代码
    二分图的最大匹配代码#include<bits/stdc++.h>usingnamespacestd;constintN=505,M=100005;inth[N],e[M],ne[M],idx;intmatch[N];boolst[N];intn1,n2,m;voidadd(inta,intb){e[idx]=b;//e[idx]存放的是第idx条边的终点ne[idx]=h......
  • dbt adapter 的get_relation 简单说明
    dbt的adapter.get_relation可以方便的获取存在的relcation信息,以下是一个简单说明参考实现内部处理@available.parse_nonedefget_relation(self,database:str,schema:str,identifier:str)->Optional[BaseRelation]:relations_list=self.lis......