更新记录

2.0.0（2023-07-10） 下载此版本

更新了弹出层样式，去掉了之前的uni-popup，和uni-icon的依赖

1.0.0（2023-07-07） 下载此版本

1.0.0

平台兼容性

uni-app

使用说明

==注意：需要依赖uni-transition请先导入uni-transition后再使用；==

//将插件导入到Hubilder之后,直接通过标签使用<lin-popup />
<template>
    <view>选择的是：{{values}}</view>
    <button @click="$refs.Popup.open()">弹窗</button>
    <lin-popup
      ref="Popup"
      :datalist="problemArray" 
      @changeCallback="changeCallback" 
      nameKey="name" 
      value-key="value" 
      mode="header"
      title="选择商品问题" />
</template>

<script>
    export default {
        data() {
            return {
                values: '',
                problemArray: [
                    { name: '腐烂', value: '0001' },
                    { name: '里面黑色或腐烂', value: '0002' },
                    { name: '软烂', value: '0003' },
                    { name: '发霉', value: '0004' },
                    { name: '发霉，腐烂', value: '0005' },
                    { name: '数量不够', value: '0006' },
                    { name: '来货不足', value: '0007' }
                ]
            }
        },
        methods: {
            changeCallback(val) {
                this.values = val
                this.$refs.Popup.close()
            }
        }
    }
</script>

Props

联系作者

如使用上有问题可以留言或者联系我哈，我会一直更新的；