hookehuyr

✨ feat: 测试字段说明提示功能

1 <!-- 1 <!--
2 * @Date: 2022-09-21 16:04:10 2 * @Date: 2022-09-21 16:04:10
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2022-11-03 11:57:17 4 + * @LastEditTime: 2022-11-03 13:19:04
5 * @FilePath: /swx/src/pages/createActivity/index.vue 5 * @FilePath: /swx/src/pages/createActivity/index.vue
6 * @Description: 创建活动页面 6 * @Description: 创建活动页面
7 --> 7 -->
...@@ -52,18 +52,46 @@ ...@@ -52,18 +52,46 @@
52 </view> 52 </view>
53 </view> 53 </view>
54 <view class="advanced-settings-modules"> 54 <view class="advanced-settings-modules">
55 + <view class="form-item public-sub" style="padding-top: 0; padding-bottom: 0;">
56 + <view class="public-sub-border">
57 + <van-row>
58 + <van-col span="10" offset="0">
59 + <view class="form-item-title fix">
60 + 活动时间
61 + <!-- <van-icon @tap="showInfo('活动时间')" name="question-o" size="1rem" color="" class="vip-icon" /> -->
62 + </view>
63 + </van-col>
64 + <van-col span="14" offset="0">
55 <!-- 活动时间 --> 65 <!-- 活动时间 -->
56 <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultActivityTime" @result="onActivityTime"> 66 <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultActivityTime" @result="onActivityTime">
57 - <van-field :value="activity_time" label-class="label-class-super" input-class="input-class" label="活动时间" 67 + <van-field :value="activity_time" label-class="label-class-super" input-class="input-class" label=""
58 :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle="" 68 :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
59 - maxlength="" type="" :border="true" :required="false" :disabled="true" /> 69 + maxlength="" type="" :border="false" :required="false" :disabled="true" />
60 </timePickerData> 70 </timePickerData>
71 + </van-col>
72 + </van-row>
73 + </view>
74 + </view>
75 + <view class="form-item public-sub" style="padding-top: 0; padding-bottom: 0;">
76 + <view class="public-sub-border">
77 + <van-row>
78 + <van-col span="10" offset="0">
79 + <view class="form-item-title fix">
80 + 报名开始时间
81 + <!-- <van-icon name="question-o" size="1rem" color="" class="vip-icon" /> -->
82 + </view>
83 + </van-col>
84 + <van-col span="14" offset="0">
61 <!-- 报名开始时间 --> 85 <!-- 报名开始时间 -->
62 <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultStartTime" @result="onBeginTime"> 86 <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultStartTime" @result="onBeginTime">
63 - <van-field :value="reg_begin_time" label-class="label-class-super" input-class="input-class" label="报名开始时间" 87 + <van-field :value="reg_begin_time" label-class="label-class-super" input-class="input-class" label=""
64 :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle="" 88 :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
65 - maxlength="" type="" :border="true" :required="false" :disabled="true" /> 89 + maxlength="" type="" :border="false" :required="false" :disabled="true" />
66 </timePickerData> 90 </timePickerData>
91 + </van-col>
92 + </van-row>
93 + </view>
94 + </view>
67 <!-- 报名截止时间 --> 95 <!-- 报名截止时间 -->
68 <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultEndTime" @result="onEndTime"> 96 <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultEndTime" @result="onEndTime">
69 <van-field :value="reg_end_time" label-class="label-class-super" input-class="input-class" label="报名截止时间" 97 <van-field :value="reg_end_time" label-class="label-class-super" input-class="input-class" label="报名截止时间"
...@@ -259,7 +287,7 @@ ...@@ -259,7 +287,7 @@
259 287
260 <van-toast id="van-toast" /> 288 <van-toast id="van-toast" />
261 <van-dialog title="温馨提示" :show="create_show" :show-cancel-button="true" message="是否确认提交?" confirm-button-color="#199A74" @confirm="onCreateConfirm" @cancel="onCreateCancel"></van-dialog> 289 <van-dialog title="温馨提示" :show="create_show" :show-cancel-button="true" message="是否确认提交?" confirm-button-color="#199A74" @confirm="onCreateConfirm" @cancel="onCreateCancel"></van-dialog>
262 - 290 + <van-dialog title="温馨提示" :show="info_show" :message="info_message" confirm-button-color="#199A74" @confirm="onInfoConfirm"></van-dialog>
263 </template> 291 </template>
264 292
265 <script setup> 293 <script setup>
...@@ -846,6 +874,19 @@ const updateActivityInfo = async ({ activity, host }) => { ...@@ -846,6 +874,19 @@ const updateActivityInfo = async ({ activity, host }) => {
846 extend.value = activity.extend; 874 extend.value = activity.extend;
847 } 875 }
848 } 876 }
877 +
878 +// 信息提示
879 +const info_show = ref(false);
880 +const info_message = ref('');
881 +const showInfo = (type) => {
882 + if (type === '活动时间') {
883 + info_show.value = true;
884 + info_message.value = '活动时间消息'
885 + }
886 +}
887 +const onInfoConfirm = () => {
888 + info_show.value = false;
889 +}
849 </script> 890 </script>
850 891
851 <script> 892 <script>
......