feat: 新建任务，分享项目弹出层样式修改

CHANGELOG.md

@@ -191,6 +191,7 @@
  - | 角色栏文字颜色修改 | 215c6b3
  - | 解决警告 | c932b09
  - | 日历的更改 | 7353ac8
+ - | 添加弹框动画 | 8903854
  - | 务，分享项目样框样式修改式弹框 | dab3d44
  - | 小红点api缓存修改 | e992343
  - | 修改代码格式 | 14123d7

src/components/Title/components/NewProjects.vue

@@ -15,12 +15,12 @@
       <!-- 多选框 -->
       <div class="flex justify-between items-center">
         <div>负责人</div>
-        <div class="" label="负责人" style="width: 85%">
+        <div label="负责人" style="width: 85%">
           <u-dropdown ref="uDropdown">
-            <u-dropdown-item :title="dropTitle" style="border: none">
+            <u-dropdown-item :title="dropTitle">
-              <view class="slot-content" style="background-color: #ffffff; height: auto">
+              <view class="slot-content bg-white">
                 <div
-                  class="multiple-choice flex flex-row justify-between"
+                  class="multiple-choice flex flex-row justify-between mb-1"
                   v-for="(option, optionIndex) in options"
                   :key="optionIndex"
                   @click="change(optionIndex)"
@@ -28,7 +28,6 @@
                   <view v-model="option.value">{{ option.label }}</view>
                   <u-icon v-if="option.dropdownShow" name="checkbox-mark" color="#2979ff" size="28"></u-icon>
                 </div>
-                <u-button type="primary" @click="closeDropdown">确定</u-button>
               </view>
             </u-dropdown-item>
           </u-dropdown>
@@ -47,21 +46,14 @@
           <u-input v-model="decripeValue" :type="type" :border="border" />
         </div>
         <!-- 所属项目 -->
-        <div class="flex items-center">
+        <div class="w flex items-center">
           <div>所属项目</div>
-          <div class="" style="position: relative; background: #fff">
+          <div class="xiangmu" style="position: relative; background: #fff">当前项目</div>
-            <u-input v-model="projectValue" :type="type" :border="border" @click="isProjectShow" />
-            <div v-if="projectShow" class="projectBelong" @blur="projectShow = false">
-              <div v-for="project in projects" :key="project">
-                {{ project }}
-              </div>
-            </div>
-          </div>
         </div>
         <!-- 所属任务 -->
-        <div class="flex items-center">
+        <div class="w flex items-center">
           <div>所属任务</div>
-          <u-input v-model="taskValue" :type="type" :border="border" />
+          <div class="renwu">当前任务</div>
         </div>
         <!-- 上道工序 -->
         <div class="flex items-center">
@@ -74,9 +66,9 @@
           <div class="" label="检查人" style="width: 85%">
             <u-dropdown ref="dropdown">
               <u-dropdown-item :title="secondDropTitle" style="border: none">
-                <view class="slot-content" style="background-color: #ffffff; height: auto">
+                <view class="slot-content bg-white">
                   <div
-                    class="multiple-choice flex flex-row justify-between"
+                    class="mb-1 multiple-choice flex flex-row justify-between"
                     v-for="(checkoutOption, Index) in checkoutOptions"
                     :key="Index"
                     @click="choose(Index)"
@@ -84,7 +76,6 @@
                     <view v-model="checkoutOption.value">{{ checkoutOption.label }}</view>
                     <u-icon v-if="checkoutOption.dropdownShow" name="checkbox-mark" color="#2979ff" size="28"></u-icon>
                   </div>
-                  <u-button type="primary" @click="dropdownClosed">确定</u-button>
                 </view>
               </u-dropdown-item>
             </u-dropdown>
@@ -309,8 +300,21 @@ export default {
   margin-top: 20px;
   padding: 15px;
   width: 330px;
+  overflow: hidden;
 }
 .btns {
   padding: 0 30px;
 }
+.xiangmu {
+  margin-left: 11px;
+  color: rgb(192, 196, 204);
+}
+.renwu {
+  margin-left: 11px;
+  color: rgb(192, 196, 204);
+}
+.w {
+  width: 300px;
+  height: 39px;
+}
 </style>