微信小程序基本操作使用方法

147 阅读1分钟

一、标签

text 行内元素像

viwe 块级元素 像div一样

block 无意义标签 不存在于dom的标签 block起到包裹作用

css支持id选择器 元素选择器 类选择器 建议用类选择器

二、小程序中的app

app.json中的window

  • backgroundTextStyle:下拉活动所展示的样式,只有dark和light俩种可以选,一个深色,一个浅色,对应诸如下拉刷新这样的行为所展示的样式。

  • navigationBarBackgroundColor:顶部导航栏的背景颜色,可以直接用颜色代码指定,比如"#0094ff"

  • navigotionBarTitleText:顶部导航栏的内容,如:“我的导航栏”

  • navigationBarTextStyle:顶部导航栏内容的颜色,这里只能写black和white俩种颜色

  • enablePullDownRefresh:下拉刷新是否开启,默认false

  • backgroundColor:下拉刷新区域的背景颜色,可自定义

app.js、app.wxss中设置的为所有页面通用的js和样式

三、小程序中的js

作用:JS主要是用来做交互,比如:响应用户的点击、获取用户的位置等等。通过编写 JS 脚本文件来处理用户的操作。

简单来说,WXML决定有什么内容,WXSS决定内容长什么样子,JS呢,决定了页面和用户操作的交互,体验好不好就看JS了。

小程序的插值语法 {{ }} 可以获取js中data里的值

bindtap 是小程序中的点击事件

插值语法、点击事件用法:

     <view bindtap="handle">{{username}}</view>
复制代码

catchtap 同为点击事件但是它可以阻止默认的冒泡事件