Commit c2fa0fa3 authored by tangfh's avatar tangfh

封装 f-pop-date-time-picker 插件(日期、时间 选择弹框),并上传插件市场

parent 2e1d3986
This diff is collapsed.
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
<button @click="showPopTop">f-pop-top</button> <button @click="showPopTop">f-pop-top</button>
<button @click="showPopCenter">f-pop-center</button> <button @click="showPopCenter">f-pop-center</button>
<button @click="showPopBottom">f-pop-bottom</button> <button @click="showPopBottom">f-pop-bottom</button>
<button @click="showPopDatetiemPicker">f-pop-date-time-picker</button>
<f-pop position="top" :isShow="isShowPopTop" @dismiss="onPopDismiss"> <f-pop position="top" :isShow="isShowPopTop" @dismiss="onPopDismiss">
<template #top> <template #top>
<view class="flex-row row-center-h"> <view class="flex-row row-center-h">
...@@ -25,6 +26,8 @@ ...@@ -25,6 +26,8 @@
</view> </view>
</template> </template>
</f-pop> </f-pop>
<f-pop-date-time-picker :isShow="isShowPopDatetimePicker" mode="date" returnType="yyyy-MM-dd"
@change="onPopDatetimePickerChange" @dismiss="onPopDatatimePickerDismiss" />
<f-image-01></f-image-01> <f-image-01></f-image-01>
<f-text-01 :ui="uiAddBtn"></f-text-01> <f-text-01 :ui="uiAddBtn"></f-text-01>
<view style="display: block; width: 100%;"> <view style="display: block; width: 100%;">
...@@ -55,6 +58,7 @@ ...@@ -55,6 +58,7 @@
isShowPopTop: false, isShowPopTop: false,
isShowPopCenter: false, isShowPopCenter: false,
isShowPopBottom: false, isShowPopBottom: false,
isShowPopDatetimePicker: false,
style: {}, style: {},
statusViewUI: { statusViewUI: {
isShowStatusView: true, isShowStatusView: true,
...@@ -109,22 +113,29 @@ ...@@ -109,22 +113,29 @@
}, },
methods: { methods: {
showPopTop() { showPopTop() {
console.log("top");
this.isShowPopTop = true this.isShowPopTop = true
}, },
showPopCenter() { showPopCenter() {
console.log("center");
this.isShowPopCenter = true this.isShowPopCenter = true
}, },
showPopBottom() { showPopBottom() {
console.log("bottom");
this.isShowPopBottom = true this.isShowPopBottom = true
}, },
showPopDatetiemPicker() {
this.isShowPopDatetimePicker = true
},
onPopDismiss() { onPopDismiss() {
this.isShowPopTop = false this.isShowPopTop = false
this.isShowPopCenter = false this.isShowPopCenter = false
this.isShowPopBottom = false this.isShowPopBottom = false
}, },
onPopDatatimePickerDismiss() {
this.isShowPopDatetimePicker = false
},
onPopDatetimePickerChange(res) {
console.log('onPopDatetimePickerChange res: ',res);
this.onPopDatatimePickerDismiss()
},
styleInit() { styleInit() {
this.style = { this.style = {
paddingBottom: ui.appUI.saftBottom + "px" paddingBottom: ui.appUI.saftBottom + "px"
......
{
"id": "f-pop-date-time-picker",
"displayName": "f-pop-date-time-picker",
"version": "1.0.0",
"description": "日期、时间 选择弹框",
"keywords": [
"date-time-picker"
],
"repository": "http://git.guoguodz.com/tangfh/fashion-ui.git",
"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": "y",
"aliyun": "y",
"alipay": "y"
},
"client": {
"Vue": {
"vue2": "y",
"vue3": "y"
},
"App": {
"app-vue": "u",
"app-nvue": "u",
"app-uvue": "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"
},
"小程序": {
"微信": "y",
"阿里": "u",
"百度": "u",
"字节跳动": "u",
"QQ": "u",
"钉钉": "u",
"快手": "u",
"飞书": "u",
"京东": "u"
},
"快应用": {
"华为": "u",
"联盟": "u"
}
}
}
}
}
\ No newline at end of file
# f-pop-date-time-picker
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment