AI 助理
备案控制台
开发者社区 彭世瑜的博客 文章 正文

微信小程序：swiper轮播图添加外层圆角

2022-09-13 1256
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 微信小程序：swiper轮播图添加外层圆角

微信小程序：swiper轮播图添加外层圆角


.swiper-wrap{
  overflow: hidden;
  border-radius: 8rpx;
  box-sizing: border-box;
  width: 100%;
  transform: translateY(0); // 关键属性
  line-height: 1rpx; // 可以简单调整圆点位置
}
文章标签：
小程序
关键词：
微信swiper
小程序swiper
微信轮播图
小程序轮播图
微信小程序轮播图
码农技术君
目录
相关文章
你挚爱的强哥
|
小程序 JavaScript
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
你挚爱的强哥
397 0
【微信小程序】之轮播图、swiper、swiper-item、banner组件使用
我是夜阑的狗
|
存储 小程序 API
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果（五十二）
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果（五十二）
我是夜阑的狗
447 0
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果（五十二）
theMuseCatcher
|
小程序 JavaScript
Taro@3.x+Vue@3.x+TS开发微信小程序，使用轮播图
本文介绍了使用 Taro 和 Vue 创建轮播组件的两种方法：一是通过 `<swiper>` 实现，二是利用 Nut UI 的 `<nut-swiper>` 组件实现。
theMuseCatcher
539 2
Taro@3.x+Vue@3.x+TS开发微信小程序，使用轮播图
杀死一只知更鸟debug
|
小程序 容器
微信小程序常用组件的简单使用 view，scroll-view，swiper，swiper-item，text，rich-text，button，image
本文介绍了微信小程序中常用组件的使用方法，包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
杀死一只知更鸟debug
1257 0
微信小程序常用组件的简单使用 view，scroll-view，swiper，swiper-item，text，rich-text，button，image
朝阳39
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
朝阳39
539 0
code袁
|
小程序 JavaScript 数据库
微信小程序轮播图实现（超简单）
本文介绍了微信小程序使用内置swiper组件实现轮播图的简单方法。对于普通开发，示例代码展示了在wxml中配置swiper组件和嵌套image标签，以及相应的wxss样式设置。采用云开发时，wxml利用wx:for绑定数据列表，js部分展示如何从云端数据库获取数据并设置到list中。只需替换image的src为实际图片路径，即可完成轮播图功能。
code袁
1085 0
我是夜阑的狗
|
小程序 前端开发 定位技术
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
【微信小程序】-- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
我是夜阑的狗
461 0
游客4v3gpgavlizks
|
3月前
|
消息中间件 人工智能 Java
抖音微信爆款小游戏大全：免费休闲/竞技/益智/PHP+Java全筏开源开发
本文基于2025年最新行业数据，深入解析抖音/微信爆款小游戏的开发逻辑，重点讲解PHP+Java双引擎架构实战，涵盖技术选型、架构设计、性能优化与开源生态，提供完整开源工具链，助力开发者从理论到落地打造高留存、高并发的小游戏产品。
游客4v3gpgavlizks
653 1
白雾茫茫丶
|
4月前
|
小程序 JavaScript API
uni-halo + 微信小程序开发实录：我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程，包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
白雾茫茫丶
204 0
uni-halo + 微信小程序开发实录：我的第一个作品诞生记
爱专研的技术土狗
|
10月前
|
自然语言处理 搜索推荐 小程序
微信公众号接口：解锁公众号开发的无限可能
微信公众号接口是微信官方提供的API，支持开发者通过编程与公众号交互，实现自动回复、消息管理、用户管理和数据分析等功能。本文深入探讨接口的定义、类型、优势及应用场景，如智能客服、内容分发、电商闭环等，并介绍开发流程和工具，帮助运营者提升用户体验和效率。未来，随着微信生态的发展，公众号接口将带来更多机遇，如小程序融合、AI应用等。
爱专研的技术土狗
1343 1

热门文章

最新文章

  • 1
    小程序开发平台有哪些？小程序制作平台哪个好
  • 2
    小程序快速开发平台有哪些？哪个好
  • 3
    小程序开发平台有哪些？哪个好
  • 4
    小程序制作平台有哪些？哪个好
  • 5
    基于微信小程序的婚庆摄影系统
  • 6
    基于微信小程序的智慧养老服务系统
  • 7
    微信回流-开放标签（wx-open-launch-app）
  • 8
    微信快速开发框架（四）-- 体验微信公众平台快速开发框架
  • 9
    Robotium第一天：搭建环境测试微信
  • 10
    微信多客服插件获取openid
  • 1
    基于微信小程序的智慧养老服务系统
    179
  • 2
    基于微信小程序的婚庆摄影系统
    190
  • 3
    基于微信小程序的线上博物馆系统
    162
  • 4
    基于微信小程序的校园外卖订餐配送系统
    374
  • 5
    热门小游戏源码（Python+PHP）下载-微信小程序游戏源码Unity发实战指南​
    979
  • 6
    微信小程序API集成京东库存，移动端销量暴涨！
    178
  • 7
    微信小程序+淘宝API，无缝购物体验提升复购率！
    259
  • 8
    weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
    918
  • 9
    weixin168“返家乡”高校暑期社会实践微信小程序设计与开发ssm(文档+源码)_kaic
    268
  • 10
    weixin116大学生就业平台微信小程序+ssm(文档+源码)_kaic
    437

    • 相关课程

    更多
  • IoT小程序框架课程

    • 相关电子书

    更多
  • 微信广告引擎与播放节奏算法实践
  • 微信H5视频播放器在海量业务下的实践
  • 微信高效运维之路
    • 下一篇
    安全设备篇——WAF