wxml中按钮的scss

在WeApp（微信小程序）的WXML文件中，使用SCSS（Sass）来编写样式通常是为了给HTML元素如按钮（button）添加更丰富的样式和组织结构。对于一个基本的按钮，你可以这样做：

// button.scss
.button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  border: none;
  background-color: #333; // 背景色
  color: white; // 文字颜色
  text-align: center;
  cursor: pointer;
  transition: all .3s ease; // 添加过渡效果

  &:hover { // 鼠标悬停时
    background-color: #555;
  }

  // 可能会包含更多的状态样式，例如禁用状态
  &.disabled {
    background-color: gray;
    cursor: not-allowed;
  }
}

// 在wxml中引用该SCSS
<button class="button">点击我</button>

然后在WXML文件中通过`<style src='./button.scss'></style>`引入这个SCSS文件，按钮就会应用这些预设的样式。