微信小程序：swiper轮播图添加外层圆角
.swiper-wrap{ overflow: hidden; border-radius: 8rpx; box-sizing: border-box; width: 100%; transform: translateY(0); // 关键属性 line-height: 1rpx; // 可以简单调整圆点位置 }
微信小程序：swiper轮播图添加外层圆角
2022-09-13
847
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
微信小程序：swiper轮播图添加外层圆角
目录
相关文章
|
5月前
|
小程序
JavaScript
|
5月前
|
存储
小程序
API
|
20天前
|
小程序
容器
微信小程序常用组件的简单使用 view，scroll-view，swiper，swiper-item，text，rich-text，button，image
本文介绍了微信小程序中常用组件的使用方法，包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
39
0
0
|
2月前
|
小程序
JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序，使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法：一是通过 `<swiper>` 实现，二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
58
1
1
|
3月前
|
小程序
JavaScript
前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
104
0
0
|
5月前
|
小程序
JavaScript
数据库
微信小程序轮播图实现（超简单）
本文介绍了微信小程序使用内置swiper组件实现轮播图的简单方法。对于普通开发，示例代码展示了在wxml中配置swiper组件和嵌套image标签，以及相应的wxss样式设置。采用云开发时，wxml利用wx:for绑定数据列表，js部分展示如何从云端数据库获取数据并设置到list中。只需替换image的src为实际图片路径，即可完成轮播图功能。
299
0
0
|
5月前
|
小程序
前端开发
定位技术
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
123
0
0
|
10天前
|
小程序
前端开发
测试技术
|
21天前
|
存储
供应链
小程序
除了微信小程序，PHP 还可以用于开发哪些类型的小程序？
除了微信小程序，PHP 还可用于开发多种类型的小程序，包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域，PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时，在企业内部，PHP 可提升工作效率，实现审批流程、文件共享、生产计划等功能；在医疗和教育等行业，PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
60
6
6
|
4天前
|
小程序
前端开发
数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展，微信小程序凭借便捷的用户体验和强大的社交传播能力，成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制，包括手机号码验证、微信登录、第三方登录及角色权限控制等方法，并强调了安全性、用户体验和合规性的重要性，帮助开发者更好地理解和应用这一关键技术。
24
5
5
热门文章
最新文章
1
阿里20亿小程序繁星计划你最需要知道的几个问题（0325更新）
2
小程序审核常见驳回类型
3
python爬虫学习小程序
4
检测本机是否安装JRE的小程序
5
大型网站重构指南 第1.3部分：前端监控和小程序监控 Sentry
6
小程序如何刷新当前页面？
7
从微信公众平台·小程序内测邀请函看应用号动向
8
支付宝小程序入门学习之一：如何创建支付宝小程序并在手机上预览
9
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了，
10
小程序入坑记：TodoList
1
微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
470
2
微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（一）
238
3
轻松学会微信小程序开发（一）
203
4
使用阿里云短信+微信短链接跳转微信小程序
407
5
微信小程序开发1
129
6
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
76
7
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
111
8
基于SpringBoot+Vue+uniapp微信小程序的商品展示的详细设计和实现
87
9
基于SpringBoot+Vue+uniapp微信小程序的微信点餐小程序的详细设计和实现
62
10
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
107