使用微信小程序开发创建交通信号灯的代码

使用微信小程序开发交通信号灯的简单示例通常会涉及HTML、CSS和JavaScript，因为微信小程序的核心框架是基于WXML、WXSS和JS的。这里是一个非常基础的静态示例，实际应用可能还需要结合定时器和状态管理库：

<!-- wxml -->
<view class="traffic-light">
  <button bindtap="switchLight" value="{{lightStatus}}" block>{{lightStatus === 'red' ? '红灯' : '绿灯'}}</button>
  <view class="signal {{lightStatus}}"></view>
</view>

<style>
.signal {
  width: 100px;
  height: 100px;
  background-color: red; /* 初始化状态 */
}
.signal.green {
  background-color: green;
}
.signal.yellow {
  background-color: yellow;
}
</style>

<script>
Page({
  data: {
    lightStatus: 'green', // 状态初始设为绿色
  },
  switchLight: function() {
    this.setData({
      lightStatus: this.data.lightStatus === 'red' ? 'yellow' : 'red' // 遵循红黄绿循环切换
    });
  }
})
</script>

这个示例中，当按钮被点击时，`switchLight`函数会更新`lightStatus`的数据，从而改变信号灯的颜色。注意这只是一个基本例子，实际的交通信号灯系统还需要更复杂的逻辑和交互设计，并可能涉及到动画效果。