Commit e76ac753 authored by tangfh's avatar tangfh

年月日时分选择组件封装,并上传时尚 插件市场

parent f7bbe5f8
...@@ -2,6 +2,10 @@ ...@@ -2,6 +2,10 @@
<view class="content" :style="[style]"> <view class="content" :style="[style]">
<f-status-view v-if="statusViewUI.isShow" :status="statusViewUI.status" :style="statusViewStyle" <f-status-view v-if="statusViewUI.isShow" :status="statusViewUI.status" :style="statusViewStyle"
@tap="onStatusViewClick"></f-status-view> @tap="onStatusViewClick"></f-status-view>
<view class="v-row">
<f-date-time-picker style="width: 100%;" mode="datetime" returnType="yyyy-MM-dd" @change="onPopDatetimePickerChange"
@dismiss="onPopDatatimePickerDismiss"></f-date-time-picker>
</view>
<view class="v-row"> <view class="v-row">
<f-avatar-edit :avatar="avatar" @onAvatarSelected="onAvatarSelected" @click="onAvatarClick" <f-avatar-edit :avatar="avatar" @onAvatarSelected="onAvatarSelected" @click="onAvatarClick"
@onSelectBtnClick="onSelectAvatarBtnClick"></f-avatar-edit> @onSelectBtnClick="onSelectAvatarBtnClick"></f-avatar-edit>
...@@ -21,7 +25,7 @@ ...@@ -21,7 +25,7 @@
</view> </view>
<f-add-image-grid @choose="onImageChoose" @delete="onImageDelete"></f-add-image-grid> <f-add-image-grid @choose="onImageChoose" @delete="onImageDelete"></f-add-image-grid>
<view class="v-row"> <view class="v-row">
<button @click="showPopTop">f-pop-top</button> <button @click="showPopTop">f-pop-top</button>
</view> </view>
...@@ -34,7 +38,7 @@ ...@@ -34,7 +38,7 @@
<view class="v-row"> <view class="v-row">
<button @click="showPopDatetiemPicker">f-pop-date-time-picker</button> <button @click="showPopDatetiemPicker">f-pop-date-time-picker</button>
</view> </view>
<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">
...@@ -42,7 +46,7 @@ ...@@ -42,7 +46,7 @@
</view> </view>
</template> </template>
</f-pop> </f-pop>
<f-pop position="center" :isShow="isShowPopCenter" @dismiss="onPopDismiss"> <f-pop position="center" :isShow="isShowPopCenter" @dismiss="onPopDismiss">
<template #center> <template #center>
<view class="flex-row row-center-h"> <view class="flex-row row-center-h">
...@@ -50,7 +54,7 @@ ...@@ -50,7 +54,7 @@
</view> </view>
</template> </template>
</f-pop> </f-pop>
<f-pop position="bottom" :isShow="isShowPopBottom" @dismiss="onPopDismiss"> <f-pop position="bottom" :isShow="isShowPopBottom" @dismiss="onPopDismiss">
<template v-slot:bottom> <template v-slot:bottom>
<view class="flex-row row-center-h"> <view class="flex-row row-center-h">
...@@ -58,18 +62,18 @@ ...@@ -58,18 +62,18 @@
</view> </view>
</template> </template>
</f-pop> </f-pop>
<f-pop-date-time-picker :isShow="isShowPopDatetimePicker" mode="date" returnType="yyyy-MM-dd" <f-pop-date-time-picker :isShow="isShowPopDatetimePicker" mode="date" returnType="yyyy-MM-dd"
@change="onPopDatetimePickerChange" @dismiss="onPopDatatimePickerDismiss" /> @change="onPopDatetimePickerChange" @dismiss="onPopDatatimePickerDismiss" />
<view class="v-row"> <view class="v-row">
<f-image-01></f-image-01> <f-image-01></f-image-01>
</view> </view>
<view class="v-row"> <view class="v-row">
<f-text-01 :ui="uiAddBtn"></f-text-01> <f-text-01 :ui="uiAddBtn"></f-text-01>
</view> </view>
<view style="display: block; width: 100%;"> <view style="display: block; width: 100%;">
<f-item :item="itemMock"> <f-item :item="itemMock">
<template v-slot:content> <template v-slot:content>
...@@ -79,14 +83,14 @@ ...@@ -79,14 +83,14 @@
</template> </template>
</f-item> </f-item>
</view> </view>
<view style="display: block; width: 100%;"> <view style="display: block; width: 100%;">
<f-title-01 title="租金交付方式" subTitle="(押二付二)"></f-title-01> <f-title-01 title="租金交付方式" subTitle="(押二付二)"></f-title-01>
<f-multi-text-01 :ui="cMultiText01Ui" @click="onCMultiText01Click"></f-multi-text-01> <f-multi-text-01 :ui="cMultiText01Ui" @click="onCMultiText01Click"></f-multi-text-01>
<f-multi-text-01 :ui="cMultiText01Ui02"></f-multi-text-01> <f-multi-text-01 :ui="cMultiText01Ui02"></f-multi-text-01>
<!-- <view class="f-multi-text-line-h" style="background-color: red;"></view> --> <!-- <view class="f-multi-text-line-h" style="background-color: red;"></view> -->
</view> </view>
<f-status-view :status="statusViewUI2.status" @tap="onStatusViewClick2"></f-status-view> <f-status-view :status="statusViewUI2.status" @tap="onStatusViewClick2"></f-status-view>
</view> </view>
</template> </template>
......
## 1.0.0(2024-07-22)
1.0.0
{
"id": "f-date-time-picker",
"displayName": "f-date-time-picker",
"version": "1.0.0",
"description": "年月日时分选择组件",
"keywords": [
"f-date-time-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": "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-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