uni——switch判断，根据状态判断并对文字和样式切换

在UniApp中，使用u-switch组件可以实现开关按钮的功能。根据开关的状态来判断并切换文字和样式，可以通过绑定v-model来实现数据的双向绑定，并在计算属性或者方法中根据状态来设置文本和样式。

以下是一个简单的示例：

<template>
  <view>
    <u-switch v-model="switchStatus" active-color="#09BB07"></u-switch>
    <text :style="{ color: textColor }">{{ switchText }}</text>
  </view>
</template>
 
<script>
export default {
  data() {
    return {
      switchStatus: false
    };
  },
  computed: {
    switchText() {
      return this.switchStatus ? '开启中' : '关闭';
    },
    textColor() {
      return this.switchStatus ? '#09BB07' : '#FF0000';
    }
  }
};
</script>

在这个例子中，switchStatus是绑定在u-switch组件上的，根据用户的操作来改变状态。switchText和textColor是计算属性，根据switchStatus的值来动态改变文本内容和颜色。当开关打开时，文本显示"开启中"，字体颜色为绿色；当开关关闭时，文本显示"关闭"，字体颜色为红色。