微信小程序------音乐播放------背景音乐播放
摘要：使用wx.getBackgroundAudioManager()方法播放背景音乐即便突出也会显示音乐播放 1、成品展示 单击右上角按钮播放音乐 2、样式设置 2.1html样式 <view class="player player-{{isPlayingMusic ? 'play' : 'pause
阅读全文
posted @
2024-06-01 22:34
昨夜小楼听风雨
阅读(310)
推荐(0) 编辑
微信小程序------轮播图------纵向轮播图
摘要：页面结构 <swiper indicator-color="white" indicator-active-color="#ff4c91" indicator-dots autoplay interval="3500" duration="1000" vertical circular> <swip
阅读全文
posted @
2024-05-28 18:34
昨夜小楼听风雨
阅读(68)
推荐(0) 编辑
微信小程序------全局配置设置
摘要：1、常用配置 项目跟目录下app.json就是应用级配置文件 属性 说明 pages 页面路径列表 window 全局默认窗口表现 tabBar 底部tab栏的实现 networkTimeout 网络超时时间 debug 是否开启调试模式。默认为false requiredBackgroundMod
阅读全文
posted @
2024-05-26 22:06
昨夜小楼听风雨
阅读(192)
推荐(0) 编辑
微信小程序------功能组件------横向轮播图
摘要：页面结构 <swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circular autoplay> <swiper
阅读全文
posted @
2024-05-19 09:19
昨夜小楼听风雨
阅读(55)
推荐(0) 编辑
微信小程序功能------内容区域滚动
摘要：页面结构 <scroll-view class="content-info" scroll-y> <view style="background: #eee; height: 1000px;"></view> <view>已到达底部</view> </scroll-view> 在上面定义了高度，用于
阅读全文
posted @
2024-04-24 11:02
昨夜小楼听风雨
阅读(72)
推荐(0) 编辑
微信小程序功能-----基础轮播图配置
摘要：使用swiper设置轮播图，下面是实现效果图 页面结构 <swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots cir
阅读全文
posted @
2024-04-22 13:15
昨夜小楼听风雨
阅读(71)
推荐(0) 编辑
微信小程序图----图片排列展示
摘要：下面是我们需要实现内容的效果图 下面开始布置页面结构 <view class="content-info-list"> <view class="list-title">推荐歌曲</view> <view class="list-inner"> <view class="list-item"> <i
阅读全文
posted @
2024-04-21 16:38
昨夜小楼听风雨
阅读(162)
推荐(0) 编辑
微信小程序-----顶部导航栏配置和不显示内容问题
摘要：1、导航和信息配置 "navigationBarTitleText": "邀请函", //设置导航栏文字 "navigationBarBackgroundColor": "#fff", //设置导航栏背景颜色 "navigationBarTextStyle":"black" //设置导航栏文字你颜色
阅读全文
posted @
2024-04-20 17:58
昨夜小楼听风雨
阅读(1041)
推荐(1) 编辑
flex布局---标签切换
摘要：我们需要实现下面的页面效果 这边将代码放在下面 html部分 <!-- 标签页标题 --> <view class="tob"> <view class="tab-item">音乐推荐器</view> <view class="tab-item">播放器</view> <view class="ta
阅读全文
posted @
2024-04-20 13:00
昨夜小楼听风雨
阅读(14)
推荐(0) 编辑
微信小程序页面功能-----标签切换
摘要：一、页面布局 首先我们需要布局出标签切换的页面，下面不多描述直接上代码 1、html部分 <!-- 标签页标题 --> <view class="tob"> <view class="tab-item">音乐推荐器</view> <view class="tab-item">播放器</view> <
阅读全文
posted @
2024-04-20 12:54
昨夜小楼听风雨
阅读(296)
推荐(0) 编辑
