Text Examples

Sure! Here's the code for the necessary files:

wxml (login.wxml):
```html
\u003cview class=\"container\"\u003e
\u003cview class=\"logo\"\u003e\u003c/view\u003e
\u003cview class=\"form\"\u003e
\u003cinput class=\"input\" placeholder=\"Username\"\u003e\u003c/input\u003e
\u003cinput class=\"input\" placeholder=\"Password\" type=\"password\"\u003e\u003c/input\u003e
\u003cbutton class=\"button\"\u003eLogin\u003c/button\u003e
\u003c/view\u003e
\u003c/view\u003e
```

js (login.js):
```javascript
Page({
// Page logic goes here
})
```

wxss (login.wxss):
```css
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

.logo {
width: 100px;
height: 100px;
background-color: #ccc;
margin-bottom: 20px;
}

.form {
width: 200px;
}

.input {
width: 100%;
height: 40px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #ccc;
}

.button {
width: 100%;
height: 40px;
background-color: #007bff;
color: #fff;
border: none;
}
```

json (login.json):
```json
{
\"navigationBarTitleText\": \"Login\"
}
```

Please note that this code assumes you have a basic understanding of WeChat Mini Program development and have set up the necessary project structure.