sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改时间选择器和弹出框样式

master
于肖磊 2025-07-30 18:33:08 +08:00
parent 7b7cadd314
commit 239f7cb38c
13 changed files with 66 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
common/css/plugins.css
View File

@ -189,7 +189,7 @@
margin-left: 10rpx;
}
.plugins-blog-grid-list .item .blog-img {
width: 100%;
width: 100%;
height: 220rpx !important;
}
@ -198,12 +198,12 @@
*/
.plugins-realstore-data-list .item .address-content {
width: calc(100% - 150rpx);
}
}
.plugins-realstore-data-list .item .address-distance {
right: 20rpx;
bottom: 18rpx;
}
.plugins-realstore-data-list .item .address-distance {
right: 20rpx;
bottom: 18rpx;
}
.plugins-realstore-data-list .item .icon-list {
right: 24rpx;
@ -211,7 +211,7 @@
}
.plugins-realstore-data-list .item .icon-list .icon-item {
width: 46rpx;
height: 46rpx;
height: 46rpx;
line-height: 46rpx;
}
.plugins-realstore-data-list .item .icon-item .badge-icon {
@ -262,4 +262,14 @@
.plugins-shop-data-list .item .desc {
min-height: 72rpx;
line-height: 36rpx;
}
}
/* #ifdef H5 */
.forminput-popup {
[name="content"], [name="mask"]{
max-width: 1600rpx;
width: 100%;
left: 50% !important;
transform: translateX(-50%) !important;
}
}
/* #endif */

4
pages/form-input/components/form-input/checkbox.vue
View File

@ -13,11 +13,11 @@
<view class="size-14 cr-blue">添加选项</view>
</view>
<!-- 选项弹出框 -->
<uni-popup ref="inputDialog" type="dialog">
<uni-popup ref="inputDialog" type="dialog" class="forminput-popup" >
<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" :value="dialog_value" before-close placeholder="请输入内容" @close="dialog_input_close" @confirm="dialog_input_confirm"></uni-popup-dialog>
</uni-popup>
<!-- 失败提示 -->
<uni-popup ref="message" type="message">
<uni-popup ref="message" type="message" class="forminput-popup">
<uni-popup-message type="error" message="选项名称不能为空" :duration="2000"></uni-popup-message>
</uni-popup>
</view>

13
pages/form-input/components/form-input/date-group.vue
View File

@ -197,12 +197,25 @@
::v-deep .uniui-calendar::before {
content: '',
}
/* #ifdef H5 */
.datetime-picker {
position: absolute;
top: 0;
left: 0;
width: 0;
::v-deep .uni-date-editor {
visibility: hidden;
}
}
/* #endif */
/* #ifndef H5 */
.datetime-picker {
position: absolute;
top: 160rpx;
left: 0;
width: 0;
}
/* #endif */
.datetime-value {
color: #606266;
line-height: 1.5;

13
pages/form-input/components/form-input/date.vue
View File

@ -136,12 +136,25 @@
::v-deep .uniui-calendar::before {
content: '',
}
/* #ifdef H5 */
.datetime-picker {
position: absolute;
top: 0;
left: 0;
width: 0;
::v-deep .uni-date-editor {
visibility: hidden;
}
}
/* #endif */
/* #ifndef H5 */
.datetime-picker {
position: absolute;
top: 160rpx;
left: 0;
width: 0;
}
/* #endif */
.datetime-placeholder {
color: #606266;
opacity: 0.6;

8
pages/form-input/components/form-input/form-input-base.vue
View File

@ -8,7 +8,7 @@
<iconfont name="icon-miaosha-hdgz" :size="help_icon_style" color="#999"></iconfont>
</view>
</view>
<view class="flex-1 wh-auto ht-auto flex-col gap-5 oh">
<view :class="'flex-1 wh-auto ht-auto flex-col gap-5 '+ (['date', 'date-group'].includes(item.key) ? '' : 'oh')">
<!-- 输入框 -->
<view v-if="['single-text', 'radio-btns', 'select'].includes(item.key) && item.com_data.type == 'single-text'" :style="item.com_data.common_style">
<component-input :propValue="item.com_data" :propKey="propKey" :propDataId="item.id" :propStyle="component_style" @dataCheck="data_check" @dataChange="data_change"></component-input>
@ -38,11 +38,11 @@
<component-number :propValue="item.com_data" :propKey="propKey" :propDataId="item.id" :propMobile="mobile" :propStyle="component_style" @dataCheck="data_check" @dataChange="data_change"></component-number>
</view>
<!-- 时间选择器 -->
<view v-else-if="item.key == 'date'" :style="item.com_data.common_style">
<view v-else-if="item.key == 'date'" :style="item.com_data.common_style + 'overflow: none;'">
<component-date :propValue="item.com_data" :propKey="propKey" :propDataId="item.id" :propMobile="mobile" :propStyle="component_style" @dataCheck="data_check" @dataChange="data_change" @zIndexChange="z_index_change"></component-date>
</view>
<!-- 时间选择器组 -->
<view v-else-if="item.key == 'date-group'" :style="item.com_data.common_style">
<view v-else-if="item.key == 'date-group'" :style="item.com_data.common_style + 'overflow: none;'">
<component-date-group :propValue="item.com_data" :propKey="propKey" :propDataId="item.id" :propMobile="mobile" :propStyle="component_style" @dataCheck="data_check" @dataChange="data_change" @zIndexChange="z_index_change"></component-date-group>
</view>
<!-- 地址 -->
@ -129,7 +129,7 @@
</view>
</view>
<view class="z-i-deep-must">
<uni-popup ref="popup" type="center" border-radius="20rpx">
<uni-popup ref="popup" type="center" border-radius="20rpx" class="forminput-popup">
<view class="popup-content">{{ popup_help_content }}</view>
</uni-popup>
</view>

2
pages/form-input/components/form-input/modules/components-combination.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="wh-auto flex-col gap-5 oh">
<view :class="'wh-auto flex-col gap-5 ' + (['date', 'date-group'].includes(data_item.key) ? '' : 'oh')">
<!-- 输入框 -->
<view v-if="['single-text', 'radio-btns', 'select'].includes(data_item.key) && data_item.com_data.type == 'single-text'" :style="data_item.com_data.common_style">
<component-input :propValue="data_item.com_data" :propKey="propKey" :propDataId="data_item.id" :propStyle="propComponentStyle" @dataCheck="data_check" @dataChange="data_change"></component-input>

2
pages/form-input/components/form-input/modules/my-datetime.vue
View File

@ -1,6 +1,6 @@
<template>
<view>
<uni-popup ref="popup" type="bottom" background-color="#fff" :animation="true" @maskClick="maskClick">
<uni-popup ref="popup" type="bottom" background-color="#fff" class="forminput-popup" :animation="true" @maskClick="maskClick">
<view class="popup-content">
<view >
<view class="headBox padding-main">

2
pages/form-input/components/form-input/modules/subform-component-show.vue
View File

@ -8,7 +8,7 @@
<iconfont name="icon-miaosha-hdgz" :size="propHelpIconStyle" color="#999"></iconfont>
</view>
</view>
<view class="flex-1 wh-auto ht-auto flex-col gap-5 oh">
<view :class="'flex-1 wh-auto ht-auto flex-col gap-5 ' + (['date', 'date-group'].includes(item.key) ? '' : 'oh')">
<!-- 输入框 -->
<view v-if="['single-text', 'radio-btns', 'select'].includes(item.key) && item.com_data.type == 'single-text'" :style="item.com_data.common_style">
<component-input :propValue="item.com_data" :propKey="propKey" :propDataId="item.id" :propStyle="propComponentStyle" @dataCheck="data_check" @dataChange="data_change"></component-input>

2
pages/form-input/components/form-input/modules/uploads.vue
View File

@ -40,7 +40,7 @@
请选择文件，最多可以上传{{ propMaxNum }}个
</view>
</template>
<uni-popup ref="popup" type="center" border-radius="20rpx" mask-background-color="rgba(0,0,0,0.8)">
<uni-popup ref="popup" type="center" border-radius="20rpx" class="forminput-popup" mask-background-color="rgba(0,0,0,0.8)">
<view class="wh-auto ht-auto">
<view class="popup-close oh" @tap="popup_close">
<iconfont name="icon-close" size="32rpx" color="#fff"></iconfont>

6
pages/form-input/components/form-input/select-multi.vue
View File

@ -17,7 +17,7 @@
</template>
</view>
<!-- 弹窗 -->
<uni-popup ref="selectPopup" type="bottom" class="popup-bottom" background-color="#fff" :animation="true" @maskClick="quick_close_event">
<uni-popup ref="selectPopup" type="bottom" class="popup-bottom forminput-popup" background-color="#fff" :animation="true" @maskClick="quick_close_event">
<view class="padding-horizontal-main padding-top-main bg-white popup-content flex-col">
<!-- 头部的样式 -->
<view class="flex-row jc-sb margin-bottom">
@ -61,11 +61,11 @@
</view>
</uni-popup>
<!-- 选项弹出框 -->
<uni-popup ref="inputDialog" type="dialog">
<uni-popup ref="inputDialog" type="dialog" class="forminput-popup">
<uni-popup-dialog ref="inputClose" mode="input" title="输入内容" :value="dialog_value" before-close placeholder="请输入内容" @close="dialog_input_close" @confirm="dialog_input_confirm"></uni-popup-dialog>
</uni-popup>
<!-- 失败提示 -->
<uni-popup ref="message" type="message">
<uni-popup ref="message" type="message" class="forminput-popup">
<uni-popup-message type="error" message="选项名称不能为空" :duration="2000"></uni-popup-message>
</uni-popup>
</view>

2
pages/form-input/components/form-input/select.vue
View File

@ -17,7 +17,7 @@
</template>
</view>
<!-- 弹窗 -->
<uni-popup ref="selectPopup" type="bottom" class="popup-bottom" background-color="#fff" :animation="true" @maskClick="quick_close_event">
<uni-popup ref="selectPopup" type="bottom" class="popup-bottom forminput-popup" background-color="#fff" :animation="true" @maskClick="quick_close_event">
<view class="padding-horizontal-main padding-top-main bg-white popup-content flex-col gap-10">
<!-- 头部的样式 -->
<view class="flex-row jc-sb">

8
pages/form-input/components/form-input/subform.vue
View File

@ -138,7 +138,7 @@
</template>
</view>
<!-- 表格详情 -->
<uni-popup ref="tableMorePopup" type="bottom" class="popup-bottom" background-color="#fff" :animation="true" @maskClick="quick_table_more_event">
<uni-popup ref="tableMorePopup" type="bottom" class="popup-bottom forminput-popup" background-color="#fff" :animation="true" @maskClick="quick_table_more_event">
<view class="bg-white subform-row">
<view class="subform-row-head">
<span class="title">{{ com_data.title }}</span><span>（{{ table_more_index + 1 }}）</span>
@ -180,11 +180,11 @@
</view>
</uni-popup>
<!-- 删除提示弹出框 -->
<uni-popup ref="deletePopup" type="dialog" @maskClick="delete_close">
<uni-popup ref="deletePopup" type="dialog" class="forminput-popup" @maskClick="delete_close">
<uni-popup-dialog cancelText="取消" confirmText="确定" title="" content="是否确认删除这条数据" @confirm="delete_confirm" @close="delete_close"></uni-popup-dialog>
</uni-popup>
<!-- 更多弹窗 -->
<uni-popup ref="morePopup" type="bottom" class="popup-bottom" background-color="#fff" :animation="true" @maskClick="quick_close_event">
<uni-popup ref="morePopup" type="bottom" class="popup-bottom forminput-popup" background-color="#fff" :animation="true" @maskClick="quick_close_event">
<view class="bg-white action-sheet">
<view class="action-sheet-item" data-value="copy" @tap="copy">复制到下一行</view>
<view class="action-sheet-item" data-value="copy_last" @tap="copy">复制到最后一行</view>
@ -195,7 +195,7 @@
</view>
</uni-popup>
<!-- 表格报错提示 -->
<uni-popup ref="popup_error" type="center" border-radius="20rpx" @maskClick="quick_close_event">
<uni-popup ref="popup_error" type="center" class="forminput-popup" border-radius="20rpx" @maskClick="quick_close_event">
<view class="popup-error-content">{{ popup_error_content }}</view>
</uni-popup>
</view>

4
uni_modules/uni-datetime-picker/components/uni-datetime-picker/util.js
View File

@ -444,6 +444,10 @@ function checkDate(date){
const dateTimeReg = /^\d{4}-(0?[1-9]|1[012])-(0?[1-9]|[12][0-9]|3[01])( [0-5]?[0-9]:[0-5]?[0-9]:[0-5]?[0-9])?$/
function fixIosDateFormat(value) {
// 将年月日时分秒转换为对应的时间
if (value != '' && typeof value === 'string') {
value = value.replace(/年/g, '/').replace(/月/g, '/').replace(/日/g, '').replace(/时/g, ' :').replace(/分/g, ':').replace(/秒/g, '');
}
if (typeof value === 'string' && dateTimeReg.test(value)) {
value = value.replace(/-/g, '/')
}