This commit is contained in:
唐明明
2023-03-27 17:54:12 +08:00
parent 7508bb7ce2
commit 7a25361249
9 changed files with 178 additions and 11 deletions

View File

@@ -0,0 +1,68 @@
<template>
<view>
<uni-popup ref="octMechanismPicker">
<view class="mechanism--content">
<view class="mechanism--title" v-if="title != null">{{title}}</view>
<scroll-view class="mechanism--scroll" scroll-y show-scrollbar>
<view class="mechanism--item" v-for="(item, index) in columns" :key="index">{{item.name}}</view>
</scroll-view>
<button class="mechanism--button">确认</button>
</view>
</uni-popup>
</view>
</template>
<script>
export default{
props : {
// 弹出层标题
title : {
type : String,
default : null
},
// 默认值
value : {
type : Number,
default : 0
},
// 选项
columns : {
type : Array,
default : () => {
return []
}
}
},
methods : {
open(type){
this.$refs.octMechanismPicker.open(type || 'bottom')
}
}
}
</script>
<style lang="scss" scoped>
.mechanism--content{
background: white;
border-radius: 20rpx 20rpx 0 0;
.mechanism--title{
text-align: center;
position: relative;
padding: 30rpx 50rpx;
font-size: 34rpx;
font-weight: bold;
&::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1rpx;
background-image: linear-gradient(0deg, $border-color 50%, transparent 50%);
}
}
.mechanism--scroll{
padding: 30rpx 50rpx;
height: 50vh;
.mechanism--item{ line-height: 90rpx; }
}
}
</style>

View File

@@ -0,0 +1,81 @@
{
"id": "oct-mechanism-picker",
"displayName": "oct-mechanism-picker",
"version": "1.0.0",
"description": "oct-mechanism-picker",
"keywords": [
"oct-mechanism-picker"
],
"repository": "",
"engines": {
"HBuilderX": "^3.1.0"
},
"dcloudext": {
"type": "component-vue",
"sale": {
"regular": {
"price": "0.00"
},
"sourcecode": {
"price": "0.00"
}
},
"contact": {
"qq": ""
},
"declaration": {
"ads": "",
"data": "",
"permissions": ""
},
"npmurl": ""
},
"uni_modules": {
"dependencies": [],
"encrypt": [],
"platforms": {
"cloud": {
"tcb": "u",
"aliyun": "u"
},
"client": {
"Vue": {
"vue2": "u",
"vue3": "u"
},
"App": {
"app-vue": "u",
"app-nvue": "u"
},
"H5-mobile": {
"Safari": "u",
"Android Browser": "u",
"微信浏览器(Android)": "u",
"QQ浏览器(Android)": "u"
},
"H5-pc": {
"Chrome": "u",
"IE": "u",
"Edge": "u",
"Firefox": "u",
"Safari": "u"
},
"小程序": {
"微信": "u",
"阿里": "u",
"百度": "u",
"字节跳动": "u",
"QQ": "u",
"钉钉": "u",
"快手": "u",
"飞书": "u",
"京东": "u"
},
"快应用": {
"华为": "u",
"联盟": "u"
}
}
}
}
}

View File

@@ -0,0 +1 @@
# oct-mechanism-picker