微信小程序页面代码呢?
时间: 2023-08-20 21:05:56 浏览: 44
微信小程序页面代码是使用 WXML、WXSS 和 JavaScript 编写的。WXML 类似于 HTML,用于描述页面结构;WXSS 类似于 CSS,用于描述页面样式;JavaScript 用于页面逻辑处理和动态数据渲染。
下面是一个简单的示例:
WXML:
```
<!--index.wxml-->
<view class="container">
<text>{{ message }}</text>
<button bindtap="changeMessage">Click me!</button>
</view>
```
WXSS:
```
/*index.wxss*/
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
button {
background-color: #007aff;
color: #fff;
border-radius: 4px;
padding: 10px 16px;
font-size: 16px;
}
```
JavaScript:
```
//index.js
Page({
data: {
message: 'Hello, World!'
},
changeMessage() {
this.setData({
message: 'Nice to meet you!'
})
}
})
```
这个示例页面包含一个文本框和一个按钮,点击按钮会改变文本框中的文字。