<template>
  <view>
    <up-radio-group v-model="userType" placement="row">
      <up-radio
        v-for="item in userTypeList"
        :key="item.value"
        :name="item.value"
        :label="item.label"
      >
    <template #label>
        <text>
          {{ item.label }}
        </text>
        <text v-if="item.desc" class="color-666 u-font-24">
          {{ item.desc }}
        </text>
    </template>
    </up-radio>
    </up-radio-group>
  </view>
</template>
  <script setup>
import { onMounted, reactive, ref, watch } from "vue";

const userType = defineModel({
  default: () => "all",
  type: String,
});
const userTypeList = [
  {
    value: "all",
    label: "全部用户",
  },
  {
    value: "new",
    label: "仅限新用户",
  },
  {
    value: "vip",
    label: "仅会员",
    desc:'（分店需开启超级会员可用）'
  },
];
</script>
  <style lang="scss">
.box {
  margin-top: 16rpx;
  display: flex;
  flex-direction: row;
  align-items: top;
  flex-wrap: wrap;
  padding: 10rpx 24rpx;
  border: 2rpx solid #e5e5e5;
  position: relative;
  .icon {
    position: absolute;
    top: 50%;
    right: 24rpx;
    transform: translateY(-50%);
  }
}
.shop-item {
  padding: 4rpx 8rpx 4rpx 16rpx;
  border-radius: 4rpx;
  border: 2rpx solid #f0f0f0;
  background-color: #f5f5f5;
  margin-bottom: 16rpx;
  margin-left: 16rpx;
}
</style>