perf: 务，分享项目样框样式修改式弹框

CHANGELOG.md

@@ -149,6 +149,7 @@
 ### 📝 文档
 范围|描述|commitId
 --|--|--
+ - | 新建项目，分享项目样式修改 | 4524d4a
  - | README.md | ab0eb05
 
 

src/components/Title/Title.vue

@@ -21,7 +21,7 @@
     <view class="popup border shadow-md" v-if="show">
       <view class="flex pb-3 border-b-1">
         <u-icon name="plus-circle" size="36" style="margin: 0 15px 3px 0"></u-icon>
-        <view @click="newprojects">新建项目</view>
+        <view @click="newprojects">新建任务</view>
       </view>
       <view class="flex pt-3">
         <u-icon name="share" size="32" style="margin: 0 15px 3px 0"></u-icon>
@@ -86,7 +86,7 @@
       </view>
     </view>
     <!-- 新建项目弹窗 -->
-    <NewProjects class="thirdPopup flex transition-transform" v-if="newProjectsShow" />
+    <NewProjects @closeMask="closeMask" class="thirdPopup flex transition-transform" v-if="newProjectsShow" />
   </view>
 </template>
 <script>
@@ -304,9 +304,9 @@ export default {
   position: fixed;
   left: 50%;
   top: 50%;
+  transform: translate(-50%, -50%);
   z-index: 33;
   border-radius: 5px;
-  transform: translate(-50%, -50%);
 }
 .content {
   width: 330px;

src/components/Title/components/NewProjects.vue

@@ -1,7 +1,8 @@
 <template>
-  <div style="padding: 15px; width: 330px">
+  <div class="new-projects-box" :style="{ height: arrow ? '330px' : '580px' }">
     <div class="form">
       <!-- 项目名称 -->
+      <view class="popupTitle flex justify-center">新建任务</view>
       <div class="flex items-center">
         <div>名称</div>
         <u-input v-model="nameValue" :type="type" :border="border" />
@@ -100,7 +101,10 @@
           <u-input style="border-bottom: 1px solid #dcdfe6" placeholder="交付物名称2" :type="type" :border="border" />
         </div>
       </div>
-      <u-button class="btn flex justify-center" type="primary" shape="circle" size="medium">提交</u-button>
+      <div class="flex justify-between items-center btns">
+        <u-button class="btn flex justify-center" type="primary" shape="circle" size="medium" @click="$emit('closeMask')">提交</u-button>
+        <u-button class="btn flex justify-center" shape="circle" size="medium" @click="$emit('closeMask')">取消</u-button>
+      </div>
     </div>
   </div>
 </template>
@@ -284,6 +288,7 @@ export default {
 
 /deep/.u-input--border {
   border: none;
+  border-radius: 0;
 }
 /deep/.u-dropdown__menu__item > uni-view {
   border: none !important;
@@ -295,4 +300,17 @@ export default {
 .btn {
   margin-top: 20px;
 }
+.popupTitle {
+  font-size: 16px;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+.new-projects-box {
+  margin-top: 20px;
+  padding: 15px;
+  width: 330px;
+}
+.btns {
+  padding: 0 30px;
+}
 </style>