✨ feat: 创建活动表单样式整理优化

@@ -101,17 +101,81 @@
   }
 }
 
-.wrapper {
+.sign-wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
+  .block {
+    background-color: #fff;
+    border-radius: 0.6rem;
+    .title {
+      padding: 1rem 1rem 0.5rem 1rem;
+      text-align: center;
+      text {
+        font-size: 1.15rem;
+      }
+    }
+    .border {
+      overflow: auto;
+      border-bottom: 1px solid #F2F2F2;
+      .fix {
+        float: left;
+        padding-top: 0.5rem;
+      }
+    }
+    .cancel-box {
+      padding: 1rem 0;
+      margin: 1rem;
+      text-align: center;
+      .button {
+        color: #199A74;
+        border: 1px solid #199A74;
+        padding: 0.5rem 1rem;
+        border-radius: 1rem;
+      }
+    }
+    .confirm-box {
+      padding: 1rem 0;
+      margin: 1rem;
+      text-align: center;
+      .button {
+        color: #FFFFFF;
+        background-color: #199A74;
+        padding: 0.5rem 1rem;
+        border-radius: 1rem;
+      }
+    }
+  }
 }
 
-.block {
-  background-color: #fff;
-  border-radius: 0.6rem;
+.limit-wrapper {
+  .border {
+    overflow: auto;
+    border-bottom: 1px solid #F2F2F2;
+    .fix {
+      float: left;
+      padding-top: 0.6rem;
+    }
+  }
 }
+.limit-button-wrapper {
+  padding: 1rem 0;
+  margin: 1rem;
+  text-align: center;
+  .button {
+    padding: 0.5rem 1rem; border-radius: 1rem;
+  }
+  .cancel {
+    color: #199A74;
+    border: 1px solid #199A74;
+  }
+  .confirm {
+    color: #FFFFFF;
+    background-color: #199A74;
+  }
+}
+
 
 .bg-gradient {
   background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
@@ -126,3 +190,78 @@
     color: #199A74;
   }
 }
+
+.advanced-title {
+  background-color: #FFFFFF;
+  .box {
+    padding: 1rem 1rem 0.5rem 1rem;
+    text-align: center;
+  }
+}
+
+.public-sub {
+  padding-right: 0;
+  .public-sub-border {
+    border-bottom: 1px solid #F2F2F2;
+    overflow: auto;
+    .fix {
+      padding-top: 0.8rem;
+      color: #999;
+    }
+  }
+}
+
+.inner-sub {
+  padding-top: 0;
+  .inner-sub-border {
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #F2F2F2;
+    overflow: auto;
+    .fix {
+      float: left;
+      padding-top: 0.5rem;
+      color: #999;
+    }
+  }
+}
+
+.blacklist-sub {
+  padding-top: 0;
+  .blacklist-sub-border {
+    padding-bottom: 0.5rem;
+    border-bottom: 1px solid #F2F2F2;
+    overflow: auto;
+    .fix {
+      float: left;
+      padding-top: 0.5rem;
+      color: #999;
+    }
+  }
+}
+
+.server-sub {
+  padding-top: 0;
+  padding-right: 0;
+  .fix {
+    padding-top: 0.8rem;
+    color: #999;
+  }
+}
+
+.confirm-publish-wrapper {
+  background-color: #FFFFFF;
+  box-shadow: 0rem -0.17rem 0.67rem 0rem rgba(0,0,0,0.05);
+  .box {
+    padding: 1rem 0;
+    margin: 1rem;
+    padding-bottom: 2rem;
+    margin-top: 0;
+    text-align: center;
+    .button {
+      color: #FFFFFF;
+      background-color: #199A74;
+      padding: 0.65rem 1rem;
+      border-radius: 1.5rem;
+    }
+  }
+}

 <!--
  * @Date: 2022-09-21 16:04:10
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-09-26 11:56:39
+ * @LastEditTime: 2022-09-26 14:25:45
  * @FilePath: /swx/src/pages/createActivity/index.vue
  * @Description: 创建活动页面
 -->
 <template>
   <view>
     <van-cell-group inset>
-      <van-field
-        :value="org_type"
-        label-class="label-class"
-        input-class="input-class"
-        label="主办方"
-        right-icon="arrow-down"
-        placeholder="请选择活动主办方"
-        placeholder-style="color: #999;"
-        customStyle=""
-        inputAlign=""
-        maxlength=""
-        type="text"
-        @tap="show_org_popup=true"
-        :required="true"
-        :disabled="true" />
+      <van-field :value="org_type" label-class="label-class" input-class="input-class" label="主办方"
+        :right-icon="icon_sel" placeholder="请选择活动主办方" placeholder-style="color: #999;" customStyle="" inputAlign=""
+        maxlength="" type="text" @tap="show_org_popup=true" :required="true" :disabled="true" />
       <view class="divide-line"></view>
-      <van-field
-        :value="message"
-        label-class="label-class"
-        input-class="input-class"
-        label="活动主题"
-        type="textarea"
-        placeholder="请输入活动主题（最多30个字）"
-        placeholder-style="color: #999;"
-        autosize
-        customStyle=""
-        inputAlign=""
-        rightIcon=""
-        :required="true"
-        :maxlength="30"
-        :border="false"
-        @change="onChange"
-      />
+      <van-field :value="message" label-class="label-class" input-class="input-class" label="活动主题" type="textarea"
+        placeholder="请输入活动主题（最多30个字）" placeholder-style="color: #999;" autosize customStyle="" inputAlign=""
+        rightIcon="" :required="true" :maxlength="30" :border="false" @change="onChange" />
       <view class="divide-line"></view>
       <view class="form-item">
         <view class="form-item-title required">活动封面图<text class="sub">（图片比例16:9展示最佳）</text></view>
@@ -57,269 +31,123 @@
       <view class="divide-line"></view>
       <view class="form-item">
         <view class="form-item-title border">活动详情</view>
-        <van-field
-          :value="message"
-          input-class="input-class"
-          label=""
-          inputAlign=""
-          maxlength=""
-          placeholderStyle=""
-          rightIcon=""
-          type="textarea"
-          placeholder="开始输入活动详情介绍"
-          :autosize="{ maxHeight: 200, minHeight: 100 }"
-          custom-style="padding-left: 0;"
-        />
+        <van-field :value="message" input-class="input-class" label="" inputAlign="" maxlength="" placeholderStyle=""
+          rightIcon="" type="textarea" placeholder="开始输入活动详情介绍" :autosize="{ maxHeight: 200, minHeight: 100 }"
+          custom-style="padding-left: 0;" />
       </view>
       <view class="divide-line"></view>
       <view class="form-item">
-        <view class="form-item-title">报名信息<text class="sub">（ <text style="color: red;">*</text>为必填项，单击启用，长按修改）</text></view>
+        <view class="form-item-title">报名信息<text class="sub">（ <text style="color: red;">*</text>为必填项，单击启用，长按修改）</text>
+        </view>
       </view>
       <view class="sign-box">
-        <view @tap="onTapSign(item)" @longpress="onLongPressSign(item)" v-for="(item, index) in signInfo" :key="index" class="sign-item" :class="{ 'checked': item.checked }"><text class="required">{{ item.label }}</text></view>
+        <view @tap="onTapSign(item)" @longpress="onLongPressSign(item)" v-for="(item, index) in signInfo" :key="index"
+          class="sign-item" :class="{ 'checked': item.checked }"><text class="required">{{ item.label }}</text></view>
         <!-- <view class="sign-item"><text class="">推荐人</text></view> -->
-        <view class="sign-item" @tap="addSign"><van-icon name="plus" color="" /></view>
+        <view class="sign-item" @tap="addSign">
+          <van-icon name="plus" color="" />
+        </view>
       </view>
       <view class="divide-line"></view>
-      <view class="advanced-title" style="background-color: #FFFFFF;">
-        <view style="padding: 1rem 1rem 0.5rem 1rem; text-align: center;">
+      <view class="advanced-title">
+        <view class="box">
           <text class="bg-gradient" style="font-size: 1.15rem;">高级设置</text>
         </view>
       </view>
       <view class="advanced-settings-modules">
         <!-- 活动时间 -->
-        <timePickerData
-          :start-time="startTime"
-          :end-time="endTime"
-          :default-time="defaultTime"
-          @result="onResult"
-        >
-          <van-field
-          :value="datetime"
-          label-class="label-class-super"
-          input-class="input-class"
-          label="活动时间"
-          right-icon="arrow-down"
-          input-align="right"
-          placeholder="请选择"
-          placeholder-style="color: #999;"
-          customStyle=""
-          maxlength=""
-          type=""
-          :border="true"
-          :required="false"
-          :disabled="true" />
+        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultTime" @result="onResult">
+          <van-field :value="datetime" label-class="label-class-super" input-class="input-class" label="活动时间"
+            :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
+            maxlength="" type="" :border="true" :required="false" :disabled="true" />
         </timePickerData>
         <!-- 报名开始时间 -->
-        <timePickerData
-          :start-time="startTime"
-          :end-time="endTime"
-          :default-time="defaultTime"
-          @result="onResult"
-        >
-          <van-field
-          :value="datetime"
-          label-class="label-class-super"
-          input-class="input-class"
-          label="报名开始时间"
-          right-icon="arrow-down"
-          input-align="right"
-          placeholder="请选择"
-          placeholder-style="color: #999;"
-          customStyle=""
-          maxlength=""
-          type=""
-          :border="true"
-          :required="false"
-          :disabled="true" />
+        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultTime" @result="onResult">
+          <van-field :value="datetime" label-class="label-class-super" input-class="input-class" label="报名开始时间"
+            :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
+            maxlength="" type="" :border="true" :required="false" :disabled="true" />
         </timePickerData>
         <!-- 报名截止时间 -->
-        <timePickerData
-          :start-time="startTime"
-          :end-time="endTime"
-          :default-time="defaultTime"
-          @result="onResult"
-        >
-          <van-field
-          :value="datetime"
-          label-class="label-class-super"
-          input-class="input-class"
-          label="报名截止时间"
-          right-icon="arrow-down"
-          input-align="right"
-          placeholder="请选择"
-          placeholder-style="color: #999;"
-          customStyle=""
-          maxlength=""
-          type=""
-          :border="true"
-          :required="false"
-          :disabled="true" />
+        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultTime" @result="onResult">
+          <van-field :value="datetime" label-class="label-class-super" input-class="input-class" label="报名截止时间"
+            :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
+            maxlength="" type="" :border="true" :required="false" :disabled="true" />
         </timePickerData>
         <!-- 人数限制 -->
-        <van-field
-        :value="person_num"
-        label-class="label-class-super"
-        input-class="input-class"
-        label="人数限制"
-        right-icon="arrow-down"
-        input-align="right"
-        placeholder="请选择"
-        placeholder-style="color: #999;"
-        customStyle=""
-        maxlength=""
-        type=""
-        :border="true"
-        @tap="show_popup=true"
-        :required="false"
-        :disabled="true" />
+        <van-field :value="person_num" label-class="label-class-super" input-class="input-class" label="人数限制"
+          :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
+          maxlength="" type="" :border="true" @tap="show_popup=true" :required="false" :disabled="true" />
         <!-- 是否发布 -->
-        <van-field
-        :value="publish_status"
-        label-class="label-class-super"
-        input-class="input-class"
-        label="是否发布"
-        right-icon="arrow-down"
-        input-align="right"
-        placeholder="请选择"
-        placeholder-style="color: #999;"
-        customStyle=""
-        maxlength=""
-        type=""
-        :border="true"
-        @tap="show_publish_popup=true"
-        :required="false"
-        :disabled="true" />
+        <van-field :value="publish_status" label-class="label-class-super" input-class="input-class" label="是否发布"
+          :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
+          maxlength="" type="" :border="true" @tap="show_publish_popup=true" :required="false" :disabled="true" />
         <!-- 活动方式 -->
-        <van-field
-        :value="activity_type"
-        label-class="label-class-super"
-        input-class="input-class"
-        label="活动方式"
-        right-icon="arrow-down"
-        input-align="right"
-        placeholder="请选择"
-        placeholder-style="color: #999;"
-        customStyle=""
-        maxlength=""
-        type=""
-        :border="true"
-        @tap="show_activity_type_popup=true"
-        :required="false"
-        :disabled="true" />
+        <van-field :value="activity_type" label-class="label-class-super" input-class="input-class" label="活动方式"
+          :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
+          maxlength="" type="" :border="true" @tap="show_activity_type_popup=true" :required="false" :disabled="true" />
         <!-- 活动地址 -->
-        <van-field
-          :value="message1"
-          label-class="label-class-super"
-          input-class="input-class"
-          label="活动地址"
-          type="textarea"
-          placeholder="请输入地址或位置说明"
-          placeholder-style="color: #999;"
-          customStyle=""
-          inputAlign="right"
-          rightIcon=""
-          :required="false"
-          maxlength=""
-          :border="false"
-          :autosize="{ maxHeight: 80, minHeight: 20 }"
-          @change="onChange1"
-        />
+        <van-field :value="message1" label-class="label-class-super" input-class="input-class" label="活动地址"
+          type="textarea" placeholder="请输入地址或位置说明" placeholder-style="color: #999;" customStyle="" inputAlign="right"
+          rightIcon="" :required="false" maxlength="" :border="false" :autosize="{ maxHeight: 80, minHeight: 20 }"
+          @change="onChange1" />
       </view>
       <view class="divide-line"></view>
       <view>
-        <view class="form-item" style="padding-right: 0;">
-          <view style="border-bottom: 1px solid #F2F2F2; overflow: auto;">
+        <view class="form-item public-sub">
+          <view class="public-sub-border">
             <van-row>
               <van-col span="12">
-                <view class="form-item-title" style="padding-top: 0.8rem; color: #999;">
+                <view class="form-item-title fix">
                   是否公开显示
                   <van-icon :name="icon_vip" size="1rem" color="" class="vip-icon" />
                 </view>
               </van-col>
               <van-col span="12">
-                <view style="">
-                  <van-field
-                  :value="public_type"
-                  label-class="label-class-super"
-                  input-class="input-class"
-                  label=""
-                  right-icon="arrow-down"
-                  input-align="right"
-                  placeholder="请选择"
-                  placeholder-style="color: #999;"
-                  customStyle=""
-                  maxlength=""
-                  type=""
-                  :border="false"
-                  @tap="show_public_popup=true"
-                  :required="false"
-                  :disabled="true" />
+                <view>
+                  <van-field :value="public_type" label-class="label-class-super" input-class="input-class" label=""
+                    :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;"
+                    customStyle="" maxlength="" type="" :border="false" @tap="show_public_popup=true" :required="false"
+                    :disabled="true" />
                 </view>
 
               </van-col>
             </van-row>
           </view>
         </view>
-        <view class="form-item" style="padding-top: 0;">
-          <view style="padding-bottom: 0.5rem;border-bottom: 1px solid #F2F2F2; overflow: auto;">
-            <view class="form-item-title" style="float: left; padding-top: 0.5rem; color: #999;">
+        <view class="form-item inner-sub">
+          <view class="inner-sub-border">
+            <view class="form-item-title fix">
               允许内部人员报名活动
               <van-icon :name="icon_vip" size="1rem" color="" class="vip-icon" />
             </view>
-            <van-switch
-              style="float: right; padding-top: 0.5rem;"
-              :checked="limit_number"
-              @change="onChangeLimit"
-              size="1.5rem"
-              active-color="#199A74"
-              inactive-color="#FFFFFF"
-            />
+            <van-switch style="float: right; padding-top: 0.5rem;" :checked="limit_number" @change="onChangeLimit"
+              size="1.5rem" active-color="#199A74" inactive-color="#FFFFFF" />
           </view>
         </view>
-        <view class="form-item" style="padding-top: 0;">
-          <view style="padding-bottom: 0.5rem;border-bottom: 1px solid #F2F2F2; overflow: auto;">
-            <view class="form-item-title" style="float: left; padding-top: 0.5rem; color: #999;">
+        <view class="form-item blacklist-sub">
+          <view class="blacklist-sub-border">
+            <view class="form-item-title fix">
               屏蔽黑名单用户
               <van-icon :name="icon_vip" size="1rem" color="" class="vip-icon" />
             </view>
-            <van-switch
-              style="float: right; padding-top: 0.5rem;"
-              :checked="limit_number"
-              @change="onChangeLimit"
-              size="1.5rem"
-              active-color="#199A74"
-              inactive-color="#FFFFFF"
-            />
+            <van-switch style="float: right; padding-top: 0.5rem;" :checked="limit_number" @change="onChangeLimit"
+              size="1.5rem" active-color="#199A74" inactive-color="#FFFFFF" />
           </view>
         </view>
-        <view class="form-item" style="padding-top: 0; padding-right: 0;">
+        <view class="form-item server-sub">
           <van-row>
             <van-col span="12">
-              <view class="form-item-title" style="padding-top: 0.8rem; color: #999;">
+              <view class="form-item-title fix">
                 服务岗位报名
                 <van-icon :name="icon_vip" size="1rem" color="" class="vip-icon" />
               </view>
             </van-col>
             <van-col span="12">
               <view style="">
-                <van-field
-                  :value="message1"
-                  label-class="label-class-super"
-                  input-class="input-class"
-                  label=""
-                  type="textarea"
-                  placeholder="岗位名以逗号分隔"
-                  placeholder-style="color: #999;"
-                  customStyle=""
-                  inputAlign="right"
-                  rightIcon=""
-                  :required="false"
-                  maxlength=""
-                  :border="false"
-                  :autosize="{ maxHeight: 80, minHeight: 20 }"
-                  @change="onChange1"
-                />
+                <van-field :value="message1" label-class="label-class-super" input-class="input-class" label=""
+                  type="textarea" placeholder="岗位名以逗号分隔" placeholder-style="color: #999;" customStyle=""
+                  inputAlign="right" rightIcon="" :required="false" maxlength="" :border="false"
+                  :autosize="{ maxHeight: 80, minHeight: 20 }" @change="onChange1" />
               </view>
 
             </van-col>
@@ -329,29 +157,23 @@
     </van-cell-group>
   </view>
 
-  <view style="background-color: #FFFFFF;box-shadow: 0rem -0.17rem 0.67rem 0rem rgba(0,0,0,0.05);">
-    <view style="padding: 1rem 0; margin: 1rem; padding-bottom: 2rem; margin-top: 0; text-align: center;">
-      <view @tap="onSubmit" style="color: #FFFFFF; background-color: #199A74; padding: 0.65rem 1rem; border-radius: 1.5rem;">确定发布</view>
+  <view class="confirm-publish-wrapper">
+    <view class="box">
+      <view @tap="onSubmit" class="button">确定发布</view>
     </view>
   </view>
 
   <!-- 活动主办方弹出框 -->
   <van-popup :show="show_org_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
-    <van-picker
-      :show-toolbar="true"
-      confirm-button-text="确定"
-      :columns="org_type_columns"
-      toolbar-class="picker-toolbar"
-      @confirm="onOrgTypeConfirm"
-      @cancel="onOrgTypeCancel"
-      @change="onOrgTypeChange" />
+    <van-picker :show-toolbar="true" title="" confirm-button-text="确定" :columns="org_type_columns"
+      toolbar-class="picker-toolbar" @confirm="onOrgTypeConfirm" @cancel="onOrgTypeCancel" @change="onOrgTypeChange" />
   </van-popup>
   <!-- 报名信息弹出框 -->
   <van-overlay :show="show_edit_sign" z-index="999">
-    <view class="wrapper">
+    <view class="sign-wrapper">
       <view class="block">
-        <view style="padding: 1rem 1rem 0.5rem 1rem; text-align: center;">
-          <text class="bg-gradient" style="font-size: 1.15rem;">报名信息</text>
+        <view class="title">
+          <text class="bg-gradient">报名信息</text>
         </view>
         <!-- <view>
           <AtInput
@@ -363,44 +185,23 @@
           />
         </view> -->
         <view style="width: 22rem;">
-          <van-field
-            :value="message"
-            label-class="label-class"
-            input-class="input-class"
-            rows="1"
-            autosize
-            label="字段名称"
-            type="textarea"
-            placeholder="请输入字段名称（6个字以内）"
-            placeholder-style="color: #999;"
-            customStyle=""
-            inputAlign=""
-            rightIcon=""
-            :required="true"
-            :maxlength="6"
-            :border="true"
-            @change="onChange"
-          />
-          <view class="form-item" style="overflow: auto; border-bottom: 1px solid #F2F2F2;">
-            <view class="form-item-title" style="float: left; padding-top: 0.5rem;">是否必填</view>
-            <van-switch
-              style="float: right; padding-top: 0.5rem;"
-              :checked="checked"
-              @change="onChangeEdit"
-              size="1.5rem"
-              active-color="#199A74"
-              inactive-color="#FFFFFF"
-            />
+          <van-field :value="message" label-class="label-class" input-class="input-class" rows="1" autosize label="字段名称"
+            type="textarea" placeholder="请输入字段名称（6个字以内）" placeholder-style="color: #999;" customStyle="" inputAlign=""
+            rightIcon="" :required="true" :maxlength="6" :border="true" @change="onChange" />
+          <view class="form-item border">
+            <view class="form-item-title fix">是否必填</view>
+            <van-switch style="float: right; padding-top: 0.5rem;" :checked="checked" @change="onChangeEdit"
+              size="1.5rem" active-color="#199A74" inactive-color="#FFFFFF" />
           </view>
           <van-row>
             <van-col span="12">
-              <view style="padding: 1rem 0; margin: 1rem; text-align: center;">
-                <view @tap="closeEditSign" style="color: #199A74; border: 1px solid #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">取消</view>
+              <view class="cancel-box">
+                <view class="button" @tap="closeEditSign">取消</view>
               </view>
             </van-col>
             <van-col span="12">
-              <view style="padding: 1rem 0; margin: 1rem; text-align: center;">
-                <view @tap="confirmEditSign" style="color: #FFFFFF; background-color: #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">确定</view>
+              <view class="confirm-box">
+                <view class="button" @tap="confirmEditSign">确定</view>
               </view>
             </van-col>
           </van-row>
@@ -413,97 +214,57 @@
   </van-overlay>
   <!-- 人数限制弹出框 -->
   <van-popup :show="show_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
-    <view>
-      <view class="form-item" style="overflow: auto; border-bottom: 1px solid #F2F2F2;">
-        <view class="form-item-title" style="float: left; padding-top: 0.5rem;">不限制人数</view>
-        <van-switch
-          style="float: right; padding-top: 0.5rem;"
-          :checked="limit_number"
-          @change="onChangeLimit"
-          size="1.5rem"
-          active-color="#199A74"
-          inactive-color="#FFFFFF"
-        />
+    <view class="limit-wrapper">
+      <view class="form-item border">
+        <view class="form-item-title fix">不限制人数</view>
+        <van-switch style="float: right; padding-top: 0.5rem;" :checked="limit_number" @change="onChangeLimit"
+          size="1.5rem" active-color="#199A74" inactive-color="#FFFFFF" />
       </view>
-      <view v-if="!limit_number" class="form-item" style="overflow: auto; border-bottom: 1px solid #F2F2F2;">
-        <view class="form-item-title" style="float: left; padding-top: 0.6rem;">人数最小值</view>
+      <view v-if="!limit_number" class="form-item border">
+        <view class="form-item-title fix">人数最小值</view>
         <view style="float: right;">
-          <van-field
-            :value="min_number"
-            type="number"
-            label=""
-            placeholder="请输入人数最小值"
-            placeholder-style="color: #999; font-size: 1rem;"
-            input-align="right"
-            customStyle=""
-            rightIcon=""
-            maxlength=""
-            :border="false"
-          />
+          <van-field :value="min_number" type="number" label="" placeholder="请输入人数最小值"
+            placeholder-style="color: #999; font-size: 1rem;" input-align="right" customStyle="" rightIcon=""
+            maxlength="" :border="false" />
         </view>
       </view>
-      <view v-if="!limit_number" class="form-item" style="overflow: auto; border-bottom: 1px solid #F2F2F2;">
-        <view class="form-item-title" style="float: left; padding-top: 0.6rem;">人数最大值</view>
+      <view v-if="!limit_number" class="form-item border">
+        <view class="form-item-title fix">人数最大值</view>
         <view style="float: right;">
-          <van-field
-            :value="max_number"
-            type="number"
-            label=""
-            placeholder="请输入人数最大值"
-            placeholder-style="color: #999; font-size: 1rem;"
-            input-align="right"
-            customStyle=""
-            rightIcon=""
-            maxlength=""
-            :border="false"
-          />
+          <van-field :value="max_number" type="number" label="" placeholder="请输入人数最大值"
+            placeholder-style="color: #999; font-size: 1rem;" input-align="right" customStyle="" rightIcon=""
+            maxlength="" :border="false" />
         </view>
       </view>
     </view>
     <van-row>
       <van-col span="12">
-        <view style="padding: 1rem 0; margin: 1rem; text-align: center;">
-          <view @tap="closeEditLimit" style="color: #199A74; border: 1px solid #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">取消</view>
+        <view class="limit-button-wrapper">
+          <view class="button cancel" @tap="closeEditLimit">取消</view>
         </view>
       </van-col>
       <van-col span="12">
-        <view style="padding: 1rem 0; margin: 1rem; text-align: center;">
-          <view @tap="confirmEditLimit" style="color: #FFFFFF; background-color: #199A74; padding: 0.5rem 1rem; border-radius: 1rem;">确定</view>
+        <view class="limit-button-wrapper">
+          <view class="button confirm" @tap="confirmEditLimit">确定</view>
         </view>
       </van-col>
     </van-row>
   </van-popup>
   <!-- 是否发布弹出框 -->
   <van-popup :show="show_publish_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
-    <van-picker
-      :show-toolbar="true"
-      confirm-button-text="确定"
-      :columns="columns"
-      toolbar-class="picker-toolbar"
-      @confirm="onPublishConfirm"
-      @cancel="onPublishCancel"
-      @change="onPublishChange" />
+    <van-picker :show-toolbar="true" title="" confirm-button-text="确定" :columns="columns" toolbar-class="picker-toolbar"
+      @confirm="onPublishConfirm" @cancel="onPublishCancel" @change="onPublishChange" />
   </van-popup>
   <!-- 活动方式弹出框 -->
   <van-popup :show="show_activity_type_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
-    <van-picker
-      :show-toolbar="true"
-      confirm-button-text="确定"
-      :columns="activity_type_columns"
-      toolbar-class="picker-toolbar"
-      @confirm="onActivityTypeConfirm"
-      @cancel="onActivityTypeCancel"
+    <van-picker :show-toolbar="true" title="" confirm-button-text="确定" :columns="activity_type_columns"
+      toolbar-class="picker-toolbar" @confirm="onActivityTypeConfirm" @cancel="onActivityTypeCancel"
       @change="onActivityTypeChange" />
   </van-popup>
   <!-- 是否公开显示弹出框 -->
   <van-popup :show="show_public_popup" position="bottom" custom-style="height: 40%;" :lock-scroll="true">
-    <van-picker
-      :show-toolbar="true"
-      confirm-button-text="确定"
-      :columns="public_type_columns"
-      toolbar-class="picker-toolbar"
-      @confirm="onPublicTypeConfirm"
-      @cancel="onPublicTypeCancel"
+    <van-picker :show-toolbar="true" confirm-button-text="确定" title="" :columns="public_type_columns"
+      toolbar-class="picker-toolbar" @confirm="onPublicTypeConfirm" @cancel="onPublicTypeCancel"
       @change="onPublicTypeChange" />
   </van-popup>
 </template>
@@ -513,6 +274,7 @@ import { ref, onMounted, nextTick } from "vue";
 // import icon_home1 from '@/images/icon/home01@2x.png'
 import icon_upload from '@/images/icon/upload@2x.png'
 import icon_vip from '@/images/icon/vip@2x.png'
+import icon_sel from '@/images/icon/sel@2x.png'
 import timePickerData from "@/components/time-picker-data/picker";
 
 const value1 = ref('');