用WXML 和 WXSS 设计好看的用户界面，展示代码

WXML (Weex Markup Language) 和 WXSS (Weex Style Sheets) 是微信小程序中用于构建用户界面的主要标记语言和样式表语言。它们分别对应HTML和CSS的角色，但是适应了小程序的特性和性能优化。

下面是一个简单的示例，展示如何在WXML中创建一个包含标题和按钮的基本页面结构，并且用WXSS设置一些基本样式：

<!-- WXML (wxml文件) -->
<view class="container">
  <text class="title">欢迎使用我的应用</text>
  <button open-type="default" class="button">点击我</button>
</view>

/* WXSS (wxss文件) */
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.title {
  font-size: 24rpx;
  color: #333;
}

.button {
  padding: 10rpx 20rpx;
  background-color: #fff;
  border-radius: 5rpx;
  color: #666;
  text-align: center;
}

在这个例子中，`container` 设置了整体布局，`title` 显示文本并设置了字体大小和颜色，`button` 则定义了一个点击事件并设置了背景、边框和文字属性。