![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
眼里只有码
学海无涯
并未停止学习的脚步
展开
-
解决小程序轮播图swiper的宽高自适应小技巧 亲测有效
轮播图尺寸:713*300第一种办法:wxml <swiper class="banner" indicator-dots='true' mode="widthFix" indicator-color='#333' indicator-active-color='#f30' autoplay='true'> <swiper-item> <image src='/images/1.1.jpg' ></image> &原创 2021-06-16 12:18:44 · 4555 阅读 · 0 评论 -
小程序基础之app.json
目录结构说明主体文件,由三个文件组成,必须放在项目的根目录下文件必填作用app.json是小程序公共设置app.js是小程序逻辑app.wxss是小程序公共样式表页面由四个文件组成文件类型必填作用js是页面逻辑wxml是页面结构wxss否页面样式表json否页面配置app.json{//创建包的地方 "pages":[ "pages/index/index",原创 2021-06-12 22:18:06 · 359 阅读 · 0 评论 -
小程序之轮播图实现
效果图:js代码实现Page({ data: { //轮播图 indicatorDots: true,//显示面板指示点 autoplay: true,//自动切换 interval: 3000,//自动切换时间间隔 duration: 800,//滑动动画时长 circular: true,//采用衔接滑动 indicatorColor:"#ffdfdc",//指示点颜色 indicatoraAactive-color:"#ff94原创 2021-06-12 21:36:43 · 176 阅读 · 0 评论