perf: 修改样式

CHANGELOG.md

@@ -1,4 +1,4 @@
-# 0.1.0 (2021-08-27)
+# 0.1.0 (2021-09-02)
 
 ### 🌟 新功能
 范围|描述|commitId
@@ -42,6 +42,7 @@
  - | 向右箭头图标变化 | 8e9ca55
  - | 项目列表, 项目url | 32e005b
  - | 项目api url设置 | 6cd5245
+ - | 新建形目 | f7d7108
  - | 引入dayjs | 29b8b93
  - | 字体大小更改 | 82cfdd4
  - | api封装 | 7d4edfc

src/common/styles/app.scss

@@ -1,3 +1,6 @@
 .min-0 {
   min-width: 0;
 }
+.border-b-1 {
+  border-bottom-width: 1px;
+}

src/components/Title/Title.vue

@@ -15,16 +15,16 @@
       class="mask"
       v-if="maskShow"
       @click="closeMask"
-      style="width: 100%; height: 100vh; z-index: 21; position: fixed; background: rgba(0, 0, 0, 0.1)"
+      style="width: 100%; height: 100vh; z-index: 21; position: fixed; background: rgba(0, 0, 0, 0.3)"
     ></view>
     <!-- 右上角 ... 弹窗 -->
-    <view class="popup" v-if="show">
-      <view class="flex" style="margin-bottom: 10px">
-        <u-icon name="plus-circle" color="#007aff" size="36" style="margin: 0 15px 3px 0"></u-icon>
+    <view class="popup border" 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>
-      <view class="flex">
-        <u-icon name="share" color="#007aff" size="32" style="margin: 0 15px 3px 0"></u-icon>
+      <view class="flex pt-3">
+        <u-icon name="share" size="32" style="margin: 0 15px 3px 0"></u-icon>
         <view @click="share">分享项目</view>
       </view>
     </view>
@@ -297,13 +297,16 @@ export default {
   left: 6%;
   top: 25%;
   z-index: 33;
+  border-radius: 5px;
 }
 .thirdPopup {
   background: #ffffff;
   position: fixed;
-  left: 5.5%;
-  top: 10%;
+  left: 50%;
+  top: 50%;
   z-index: 33;
+  border-radius: 5px;
+  transform: translate(-50%, -50%);
 }
 .content {
   width: 330px;
@@ -322,11 +325,15 @@ export default {
 .popup {
   width: 40%;
   height: 100px;
-  background: #f2f2f2;
+  background: #fff;
   position: absolute;
   right: 0;
   z-index: 22;
   padding: 15px;
+  color: black;
+  border-radius: 5px;
+  transition: all 2s;
+  // border: 1px solid black;
 }
 
 .link {