微信小程序开发-Bilibili仿写

初学者总结：

1.目录结构介绍

2.部分语法

首先清空默认文件，开始编写：

新建目录页（添加paths地址直接创建文件）：在app.json文件下新建pages路径

1.新建文件目录这样：

pages/index/index

简单的say一下每个目录文件主要是干啥的

index.js:index本页面所有的数据定义及方法都在本页面中显示

index.json:此页面中需要导入的组件，以及本页面的头部文本

index.wxml:相当于web界面得到html文件里的body

index.wxss:相当于web界面得到的css文件，页面所需要的样式所在

2.部分语法:

2.1定义数据：在js文件的data对象里进行定义

2.2 初始需要加载的方法

2.3请求后台数据以及返回数据的赋值

that.setData({

navList:res.data.data.navList;(其中navList是data里面双向绑定的数据)

})

2.4组件的导入 -------以index界面为例

首先在index.json文件中引入地址再在wxml文件中进行使用

例如：

新建的myTitle组件

wxml使用： index.json文件进行引入：

2.5 绑定点击事件

然后去js文件中定义方法：

2.6 wxml里的循环

navList是在data里面定义的数据项

2.7页面跳转

以及跳转页面的传参

接收参数：在detail文件的js中进行接收

options就是页面出过来的参数

2.8 数据的绑定

2.9 视频

视频上还有一些参数:

等等等等。。看网址https://www.w3cschool.cn/weixinapp/weixinapp-video.html

嗯就这样吧把整个小项目的地址放上去吧

地址：https://github.com/xiaomililili/Bilibili-

望指点~~

微信小程序开发-Bilibili仿写相关推荐

基于微信小程序开发的仿微信demo
(本文参考自github/liujians,地址:https://github.com/liujians/weApp) 作者声明: 基于微信小程序开发的仿微信demo 整合了ionic的样式库和we ...
微信小程序从无到有（仿写豆瓣评分小程序）
目录标题写在前面页面顶部搜索栏主页搜索栏搜索详情页首页板块电影评分请求网络数据查看更多页面详情页设计评论页设计项目文件整体结构运行效果演示项目总结写在前面前段时间跟着某 ...
微信小程序开发之——仿微信视频录制上传
一仿微信视频录制效果二业务说明视频录制前,只显示取消和视频录制按钮录制开始后,只显示视频录制按钮,并且上方显示时间.录制按钮显示录制进度录制完成后,显示重拍.取消.上传按钮录制完成后,点 ...
01.微信小程序开发之环境搭建
在开发之前你要有微信开发者工具,下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 这里我要假设大家有已经拿到了 ...
《微信小程序》微信小程序开发实例
wx-gesture-lock 微信小程序的手势密码 WXCustomSwitch 微信小程序自定义 Switch 组件模板 WeixinAppBdNovel 微信小程序demo:百度小说搜索 sh ...
微信小程序开发之大转盘仿天猫超市抽奖
天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下. 1.外面一圈闪烁的小球是用js控制的样式. ...
010 - 微信小程序开发之大转盘仿天猫超市抽奖
天猫超市翻牌的转盘经常用,以前做Android,没啥想法,现在尝试微信小程序,看到别人家APP里有啥好玩的,就想去做一个. 上GIF看效果: 简要的说一下. 1.外面一圈闪烁的小球是用js控制的样式. ...
bilibili微信小程序开发学习总结
bilibili微信小程序开发学习总结用来半天学习了微信小程序模仿做了个B站小程序,其实如果有编程基础特别熟悉Vue语法与web的话那小程序基本就是随便玩玩,整体写法与vue一致,页面搭建与web也 ...
分享微信小程序资讯类仿LOL盒子开发
分享微信小程序资讯类仿LOL盒子开发一.主要功能联盟盒子微信小程序功能分为管理员和非管理员功能.系统拥有多个非管理员用户,管理员用户仅有一个角色,对于管理员而言,管理员一般拥有操作用户信息比如更改 ...

微信小程序开发-Bilibili仿写

微信小程序开发-Bilibili仿写相关推荐

最新文章

热门文章