exam_mp/App.vue

<script>
export default {
  onLaunch: function () {
    console.log("App Launch");
  },
  onShow: function () {
    console.log("App Show");
  },
  onHide: function () {
    console.log("App Hide");
  },
};
</script>

<style lang="scss">
@import "@/uni.scss";
/*每个页面公共css */
@import "@/uni_modules/uni-scss/index.scss";
button {
  background-color: $primary;
  font-weight: 500;
  font-size: 32rpx;
  color: #fff;
  margin: 0;
  width: 100%;
  &::after {
    border: 0;
  }
}

.button {
  background-color: $primary;
  font-weight: 500;
  font-size: 32rpx;
  color: #fff;
  margin: 0;
  width: 100%;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20rpx 0;
  &::after {
    border: 0;
  }
}

.tip {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
}

.button.plain {
  background: $uni-primary-light;
  color: $primary;
}

.checkbox {
  .wx-checkbox-input {
    width: 34rpx;
    height: 34rpx;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*checkbox选中后样式  */
  .wx-checkbox-input.wx-checkbox-input-checked {
    background: $primary;
    border-color: $primary;
  }
  /*checkbox选中后图标样式  */
  .wx-checkbox-input.wx-checkbox-input-checked::before {
    width: 20rpx;
    height: 20rpx;
    line-height: 20rpx;
    text-align: center;
    font-size: 22rpx;
    color: #fff;
    background: transparent;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
  }
}

.required {
  &::before {
    content: "*";
    color: $error;
    font-size: 32rpx;
    margin-right: 10rpx;
  }
}
</style>