小程序组件

news/2024/7/20 2:49:39 标签: 小程序

swiper

swiper 和 swiper-item 结合使用,, swiper有默认高度 300rpx

属性:

  • autoplay : 自动播放
  • circular : 循环播放
  • indicator-dots : 显示指示点
  • indicator-active-color : 轮播选中的颜色
   <swiper class="swiper-img"
            indicator-dots
            indicator-active-color="#157658"
            autoplay
            circular
        >
        <block wx:for="{{ bannerB.items }}">
            <swiper-item>
                <image class="swiper-img" src="{{ item.img }}"></image>
            </swiper-item>
        </block>
    </swiper>

swiper的插槽
swiper做tab切换,,插槽 :
在这里插入图片描述

scroll-view

在区域内滚动,scroll-view 里面嵌套一个实现 flex 的 容器,,那个容器里面的元素,,也能滚动

因为scroll-view 直接嵌套 要滚动的元素,,使用 scroll-x 横向滚动的时候,下面会有之前元素占据的位置,,,使用一个view 去包裹这些滚动的元素,,不但不会在下面产生空白,并且还可以滚动,,为什么可以滚动,,我也很好奇

在这里插入图片描述
scroll-view 标签上的 class ,使用 flex布局 ,,需要添加属性 enable-flex 否则flex布局不生效,,
如果需要横向滚动,需要添加属性 scroll-x


http://www.niftyadmin.cn/n/329207.html

相关文章

基于模糊计算的交通信号灯控制系统设计

摘 要 随着社会经济的高速发展和城市化、自动化进程的加快&#xff0c;对交通运输的各种需求明显增长&#xff0c;交通问题已成为困扰世界各地城市&#xff0c;尤其是大城市的首要问题之一&#xff0c;无论是发达国家还是发展中国家&#xff0c;都毫无例外地承受着不断恶化的交…

微信小程序是怎么做的?

微信小程序是一种轻量级的应用&#xff0c;它可以在微信内部直接使用&#xff0c;无需下载和安装。那么&#xff0c;微信小程序是怎么做的呢&#xff1f; 微信小程序制作的大概步骤 微信小程序制作主要包括以下几个步骤&#xff1a; ①注册小程序账号 ②在小程序制作工具创…

从零开始 Spring Boot 29:类型转换

从零开始 Spring Boot 29&#xff1a;类型转换 图源&#xff1a;简书 (jianshu.com) PropertyEditor Spring使用PropertyEditor进行String和具体类型之间的转换&#xff1a; public interface PropertyEditor {void setValue(Object value);Object getValue();String getAsT…

Web基础 ( 三 ) Bootstrap

3.Bootstarp 3.1.什么是Bootstrap Bootstrap来自 Twitter&#xff0c;是目前最受欢迎的前端UI框架。 Bootstrap 是基于 HTML、CSS、JQuery 的&#xff0c;它简洁灵活&#xff0c;使得 Web 开发更加快捷。 主要特点是 整合HTML和CSS技术,提供了大量应用组件, 简化了响应式布…

数据结构-外部排序-(多路归并排序、败者树、置换选择排序、最佳归并树)

目录 一、外部归并排序 二、败者树 三、置换选择排序 四、最佳归并树 一、外部归并排序 16个块&#xff0c;先每个块读入内存进行排序在输出回来&#xff0c;进行16次读和16次写 两两归并&#xff0c;第一趟如下 在两两归并 时间分析 外部排序时间开销读写外存时间内存排序时…

Open Judge——动态规划练习

目录 了解动态规划 2760:数字三角形 1、题目 2、代码 4120:硬币 1、题目 2、代码 了解动态规划 动态规划 是编程解题的一种重要手段。1951 年美国数学家 R.Bellman 等人&#xff0c;根据一类多阶段问题的特点&#xff0c;把多阶段决策问题变换为一系列互相联系的单阶段问…

【链表应用】| 一元多项式的操作

目录 一. &#x1f981; 要求:二. 代码实现&#xff08;Java & c&#xff09;1. Java实现2.C语言实现 三. &#x1f981; 总结 一. &#x1f981; 要求: 设有两个一元多项式: p(x)p0p1xp2x2pnxn q(x)q0q1xq2x2qmxm 多项式项的系数为实数&#xff0c;指数为整数&#xff0c…

使用cv2将图片转正

要点&#xff1a; 参考&#xff1a;如何用Python-OpenCV实现图片倾斜调整&#xff1f; 一 图片转正 比如一张纸的照片是倾斜的&#xff0c;用OpenCV如何实现自动检测出纸的轮廓并调整倾斜角度&#xff0c;让照片变“正”。 import cv2 import numpy as npdef click(event,x,y…