微信小程序总结

微信小程序总结

创建app.json文件，新增一个index页面

正在上传…重新上传取消

开发者工具会自动创建pages/index目录和index.js、index.json、index.wxml、index.wxss四个文件

正在上传…重新上传取消

正在上传…重新上传取消

"backgroundTextStyle":"light",              //用来导航标题颜色，输入类型是字符串String

"navigationBarBackgroundColor": "#EE82EE", //设置导航背景颜色，输入十六进制颜色"navigationBarTitleText": "第一个小程序",   //显示导航标题内容

"navigationBarTextStyle":"white"           //String类型，导航标题颜色，仅支持black/white

正在上传…重新上传取消

正在上传…重新上传取消按钮切换

正在上传…重新上传取消（点击切换）

正在上传…重新上传取消

正在上传…重新上传取消

正在上传…重新上传取消

正在上传…重新上传取消

属性 type，String类型，icon类型，有效值：success，success_no_circle，info，warn，waiting，cancel，download，search，clear

创建音频

正在上传…重新上传取消

说明：

※src音频资源的地址，用于直接播放。

// pages/music/music.js

// 创建音频

const innerAudioContext = wx.createInnerAudioContext()

// 自动播放 innerAudioContext.autoplay = true

// 设置播放地址

innerAudioContext.src='cloud://zsh-gmx9p.7a73-zsh-gmx9p-1257218395/aa.m4a'

// 加循环

innerAudioContext.loop=true

Page({

        data: {

                num:1

},

change:function(){

         if(this.data.num==0){

this.setData({ num:1

})

// 播放音乐

innerAudioContext.play()

}else{

this.setData({

        num:0

})

// 暂停音乐

innerAudioContext.pause()

        }

},

正在上传…重新上传取消

1、animation-play-state用于控制封面旋转动画的播放和暂停

2、5s表示动画时长

※发表评论

正在上传…重新上传取消

正在上传…重新上传取消

var mylist=this.data.list;

//获取数据

var date=new Date()

//获取当前日期

Var year=date.getFullYear();

//获取年份

Var month=date.getFullMonth()+1

//获取月份，0~11

Var d=date.getDate();

//获取日期

Var hours=date.getHours()

//小时

Var minutes=date.getMinutes();

//分钟

Var seconds=date.getSeconds();

//秒

正在上传…重新上传取消

//追加数据Mylist.push({})

//修改mylist的值

 Video.js

正在上传…重新上传取消

※编辑弹幕内容、颜色、出现时间

正在上传…重新上传取消

正在上传…重新上传取消

正在上传…重新上传取消