微信小程序：swiper轮播图添加外层圆角
.swiper-wrap{ overflow: hidden; border-radius: 8rpx; box-sizing: border-box; width: 100%; transform: translateY(0); // 关键属性 line-height: 1rpx; // 可以简单调整圆点位置 }
微信小程序：swiper轮播图添加外层圆角
2022-09-13
859
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
微信小程序：swiper轮播图添加外层圆角
目录
相关文章
|
6月前
|
小程序
JavaScript
|
6月前
|
存储
小程序
API
|
2月前
|
小程序
容器
微信小程序常用组件的简单使用 view，scroll-view，swiper，swiper-item，text，rich-text，button，image
本文介绍了微信小程序中常用组件的使用方法，包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
140
0
0
|
3月前
|
小程序
JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序，使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法：一是通过 `<swiper>` 实现，二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
80
1
1
|
4月前
|
小程序
JavaScript
前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
144
0
0
|
6月前
|
小程序
JavaScript
数据库
微信小程序轮播图实现（超简单）
本文介绍了微信小程序使用内置swiper组件实现轮播图的简单方法。对于普通开发，示例代码展示了在wxml中配置swiper组件和嵌套image标签，以及相应的wxss样式设置。采用云开发时，wxml利用wx:for绑定数据列表，js部分展示如何从云端数据库获取数据并设置到list中。只需替换image的src为实际图片路径，即可完成轮播图功能。
387
0
0
|
6月前
|
小程序
前端开发
定位技术
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
140
0
0
|
29天前
|
JSON
小程序
JavaScript
|
28天前
|
小程序
JavaScript
前端开发
|
1月前
|
小程序
前端开发
测试技术
热门文章
最新文章
1
小程序审核常见驳回类型
2
【小程序开发】uniapp引入iconfont图标及使用方式
3
笑联 x mPaaS | 12 个模块，全面小程序化，如何打造真正的一次开发复用多端？
4
微信公众平台小程序会是下一个App Store吗？
5
小程序云开发联表数据查询以及云函数中的应用
6
电商直播小程序系统开发：打造“直播+电商+社交”闭环
7
Uniapp 解决组件在官方文档不支持的事件上，接收小程序原生组件事件
8
细说小程序底部标签---【浅入深出系列006】
9
小程序地图插入图标后 怎么实现点击图标弹出窗口
10
前端工作总结105-小程序学习1开始布局页面
1
基于微信小程序餐厅点餐系统设计与实现(源码+lw+部署文档+讲解等)
202
2
基于微信小程序便捷记账系统设计与实现(源码+lw+部署文档+讲解等)
129
3
基于SpringBoot+Vue的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
89
4
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
81
5
基于SpringBoot+Vue+uniapp的传统戏曲推广微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
53
6
基于SpringBoot+Vue+uniapp的“鼻护灵”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
41
7
基于SpringBoot+Vue+uniapp的“财来财往”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
41
8
【微信小程序】 微信小程序报错不在以下request合法域名列表中
912
9
基于SpringBoot+Vue+uniapp的童装购买平台微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
47
10
基于SpringBoot+Vue+uniapp的游戏账号交易微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
49