微信小程序-day1

微信小程序开发：
开发环境：macOS High Sierra 10.13.3
1.准备工作：官网注册账号
2.开始：对它的理接
首先，app.json：小程序的主要配置数据，后面讲到的加导航栏就在此
每一个它自带的目录会有4个不同后缀的小文件，分别为.js\.json\.wxml\.wxss
.wxml:此页面类似于HTML，是页面的展示，每一个页面的编写都在它相应的wxml(页面结构)
.wxss:对页面布局，页面的设置(页面布局)
.json:配置信息(页面配置)
.js:连接js和wxml,让wxml中的方法什么的能正常运行(页面逻辑)
2.一些简易插件的定义
button:<button type='primary' bindtap='jumpPage'>跳转</button>
在js里面设置方法：
jumpPage:function(){
wx.navigateTo({
url: '/pages/information/information',
})
},

遇到的问题：1.新建了目录，但是需要的图片导入不了？
打开你的项目所在文件夹，将你需要的图片放入你新建的文件目录
2.如何加入导航栏？
在根目录下的app.json中配置信息，如下类似：
"tabBar": {
"color": "#a9b7b7",
"selectedColor": "#11cd6e",
"borderStyle": "white",
"list": [
{
"selectedIconPath": "images/1.png",
"iconPath": "images/2.png",
"pagePath": "pages/index/index",
"text": "首页"
},
{
"selectedIconPath": "images/1.png",
"iconPath": "images/2.png",
"pagePath": "pages/logs/logs",
"text": "日志"
}
taBar:指底部的，导航配置属性
color:未选择时，底部导航文字的颜色
selectedColor:选择时，底部导航文字的颜色
borderStyle:底部导航边框的样色
list导航配置数组：
selectedlonPath:选中时，图标路径
iconPath:未选择时，图标路径
pagePath:页面访问地址
text:导航图标下方文字

转载于:https://www.cnblogs.com/FlowerNotGiveYou/p/11110354.html

微信小程序-day1相关推荐

零基础微信小程序Day1
文章目录一.前言二.下载和注册三.认识界面四.小程序组件五.结尾一.前言学习目的(purpose):学会制作一款微信小程序,为今后毕设做准备. 背景介绍(introduction):计科 ...
豆瓣电影评分(微信小程序)——Day1
陈平说,知己知彼,胸怀天下. 所以开发第一步,查看官方文档.了解到微信小程序是轻量级的应用,无需下载便可应用,但是正是因此优势,对代码有了更多的要求. 划重点: 考虑到包大小对用户体验的影响,平台限制 ...
微信小程序开发学习—Day1
文章目录 1.小程序简介 1.1.什么是小程序 1.2.发展背景 1.3.小程序与普通网页开发的区别 1.4.主要优势 2.第一个小程序 2.1.注册小程序开发账号 2.2.了解微信开发者工具 3.小 ...
Day1 微信小程序-小程序代码的构成
最近在学微信小程序,跟的黑马程序员的课,好记性不如烂笔头,记了些笔记,方便以后查阅. 一.小程序代码的构成--项目结构 1.目录结构: 说明:(1).pages 用来存放小程序的所有页面(2).uti ...
day1.微信小程序基本要点
小程序的结构目录声明:系统的文档介绍请参考官方文档,此处只做简单的重点梳理,微信小程序官方文档小程序配置文件 [全局配置文件app.json](小程序代码构成 | 微信开放文档 (qq.com)) ...
微信小程序老男孩课程（day1-2.5 到django不会了..要学Pythone）
Day1 微信小程序 1 .什么是微信小程序如何开发微信小程序 - 小程序:微信开发的语言 (前端html.css.js) API:restful接口(Phthon +django+drf框架) p ...
微信小程序websocket实现即时聊天
今天给大家分享一下本人做小程序使用websocket的一点小经验,希望对大家有所帮助. 使用之前肯定首先要了解一下websocket是什么,简单来讲websocket就是客户端与服务器之间专门建立的一 ...
记录月经周期的微信小程序
写了一个记录月经的微信小程序不知道怎么,被举报滥用接口封掉了 1.首页** 2.设置页面 3.个人页面 4.名词解释页面点击日历下方各名词切换刚开始想逻辑的时候,我只是存了一个选择的日期数,1号 ...
微信小程序页面之间数据传递
微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现下面看一个简单的demo 传递数据要传递界面 wxml  <view class= ...
微信小程序web-view使用
web-view 可以是微信小程序支持嵌套网页例如想嵌套百度可以这样 <view ><web-view src="https://www.baidu.com/s?ie= ...

微信小程序-day1

微信小程序-day1相关推荐

最新文章

热门文章