微信小程序
来了来了
咸鱼4号
如果文章有错误请指出,谢谢
展开
-
零基础学习微信小程序(7):自定义组件
创建组件: 创建组件的时候应该要创建存放组件的文件夹,一个自定义组件是由json、wxml、wxss、js4个文件构成的。 创建4个文件的小技巧:右击Tabs文件夹,选中新建Component,再输入文件名,即可创建4个文件。 声明组件: 在组件的json文件中要对自定义组件进行声明。 第一行表示的是,声明了该组件。 第二行表示的是,使用了某个组件。 在需要使用组件的页面json中,应该写入代码: 该代码表明了使用了Tabs组件,该组件的路径为“…/…/components/Tabs/Tabs” 使用原创 2020-05-20 09:12:27 · 249 阅读 · 0 评论 -
零基础学习微信小程序(7):组件
view标签 text标签相当于html里的span标签,是行内元素,写入时,不会进行换行 text标签 view标签相当于html里的div标签,是块级元素,写入时,会导致换行 text标签只能嵌套text,只有该标签才有长按文字复制的功能 <!--pages/demo03/demo03.wxml--> <!--长按文字复制--> <text selectable>1</text> <!--是否解码--> <text decode>2原创 2020-05-18 18:27:28 · 535 阅读 · 0 评论 -
零基础学习微信小程序(6):wxss
在小程序中是不需要引入样式文件,直接再对应的wxss里写样式就可以了 小技巧: 安装插件(以后会用到) 在小程序中使用less之前需要进行配置: 先点击左小角的齿轮图标,点击设置,再点击右上角的打开设置 ,接着就会打开一个文件,在文件里面输入以下代码: "less.compile":{ "outExt": ".wxss" } 这样就配置成功了。 在less里写代码的时候,会自动生成wxss代码;并且在less中写嵌套的样式设置更加的方便 在显示wxss文件的时候,点击VS Co原创 2020-05-17 21:51:21 · 600 阅读 · 0 评论 -
零基础学习微信小程序(5):小程序事件的绑定
小程序绑定事件通过bind关键字来实现,如:bindtap、bindinput、bindchange等 bindinput bindinput事件,输入文本内容,就会出现相应的事件例如: <!--pages/demo04/demo04.wxml--> <input type="text" bindinput="handleInput"></input> <view>{{num}}</view> // pages/demo04/demo04.js原创 2020-05-17 20:49:24 · 511 阅读 · 0 评论 -
零基础学习微信小程序(4):模板语法
数据绑定: view标签和text标签 在wxml里可以写入view标签和text标签 text标签相当于html里的span标签,是行内元素,写入时,不会进行换行 view标签相当于html里的div标签,是块级元素,写入时,会导致换行 <!--pages/demo03/demo03.wxml--> <text>1</text> <text>2</text> <view>3</view> 在页面中插入字符串,数字,bo原创 2020-05-17 17:45:27 · 331 阅读 · 0 评论 -
零基础学习微信小程序(3):全局配置文件
app.json: 文件截图: pages字段: 用于描述当前小程序的所有页面路径 里面的内容即为小程序的页面,可以在该文件里直为小程序添加页面。并且pages里的书写顺序和pages文件夹里的文件顺序是对应的。 这里说一个添加页面的好用的小技巧: 即:直接再pages里添加内容,可以直接为小程序添加一个新页面: 其中pages第一行,即为小程序的首页,不信你看: 在VS Code里这么做也是一样的效果,注意点在于:写完VS Code以后需进行保存,保存以后再到微信开发者工具里进行编译。 window原创 2020-05-16 20:55:28 · 518 阅读 · 0 评论 -
零基础学习微信小程序(2):认识微信开发者工具
创建项目: 点击加号创建项目: 可以新建项目或者导入项目: 出现了以下的界面就可以说明新建项目是成功的。 微信开发者工具介绍: 都是中文的话,很多内容我就不介绍啦~ 重点讲解以下,软件上端的【普通编译】:在选择为普通编译的情况下,进行编译,呈现的就是首页。如果选择的是其他的页面(自己指定)的话,进行编译以后,模拟器出现的就是你指定的页面。 小程序基本结构目录: ...原创 2020-05-16 19:12:21 · 475 阅读 · 0 评论 -
零基础学习微信小程序(1):微信小程序的环境准备
注册账号: 点击连接,微信公众号平台 进行注册 按照提示,填写信息 注意事项:每一个邮箱只能申请一个小程序 注成功以后扫码就可以登录到小程序的相关页面 获取APPID: 登陆成功以后就可以获得自己的APPID,在以后会使用到。 小程序上线就必须要使用APPID或者有些功能是必须要提高APPID才可以使用的,不要给别人看见啊 准备开发工具: 需要下载微信开发者工具,最好再下载一个VS Code VS Code编写代码,微信编程工具用来预览效果 根据需求下载微信开发者工具: 微信开发者工具 ...原创 2020-05-16 17:05:57 · 317 阅读 · 0 评论