更新记录

1.1.0(2023-10-08)

1,优化单选模式下的样式显示,提高用户体验; 2,增加自定义选项的功能支持,允许用户在选择器中新增、编辑和删除选项; 3,改善了部分低端手机上的显示性能问题; 4,修复了已知问题,提升应用程序的稳定性和可靠性。


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

使用说明

<template>
  <view class="page">
    <form class="form" @submit="formSubmit">
      <view class="card mar20_t pad30_lr">
        <view class="flex pad30_tb flex-align-center border_bottom">
          <view class="title w150 flex">
            <text class="c_price f14 w20">* </text>
            <text class="gray6 f14">时间</text>
          </view>
          <view class="w400 mar30_l mar10_r">
            <qiyan-select @change="(e) => (form.category = e)" :modelValue="form.category.value" :options="jjTimeList" :isRow="true" slabel="label" svalue="value"></qiyan-select>
          </view>
          <view class="w120 text-right"> </view>
        </view>
      </view>
    </form>
  </view>
</template>
<script>
import qiyanSelect from "./qiyan-select/qiyan-select.vue";
export default {
  components: {
    qiyanSelect,
  },
  data() {
    return {
      jjTimeList: [
        {
          label: "10分钟",
          value: "10",
        },
        {
          label: "20分钟",
          value: "20",
        },
        {
          label: "30分钟",
          value: "30",
        },
        {
          label: "40分钟",
          value: "40",
        },
        {
          label: "60分钟",
          value: "60",
        },
        {
          label: "90分钟",
          value: "90",
        },
        {
          label: "120分钟",
          value: "120",
        },
      ],
      form: {
        category: {},
      },
    };
  },
  onLoad(option) {},
  mounted() {
    this.$nextTick(() => {
      this.form.category = {
        value: "120",
      };
    });
  },
  onPullDownRefresh() {
    uni.stopPullDownRefresh();
  },
  onReachBottom() {},
};
</script>
<style lang="scss" scoped>
.card {
  width: 702rpx;

  background: #ffffff;
  border-radius: 20rpx;
}

.page {
  width: 750rpx;
  margin: 0rpx auto;
  padding: 152rpx 20rpx 0rpx;
}
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

30秒

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问