jwyu 1 year ago
parent
commit
e173067b0c
1 changed files with 25 additions and 0 deletions
  1. 25 0
      src/views/report/List.vue

+ 25 - 0
src/views/report/List.vue

@@ -378,6 +378,13 @@ async function goSearch(){
         </van-list>
     </div>
 
+    <!-- 添加报告按钮 -->
+    <div class="add-report-btn">
+        <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M12.0499 15.9499V27.5H15.9499V15.9499H27.5V12.0499H15.9499V0.5H12.0499V12.0499H0.5V15.9499H12.0499Z" fill="white"/>
+        </svg>
+    </div>
+
     <!-- 报告item操作 -->
     <van-action-sheet 
         v-model:show="showReportItemOpt"
@@ -434,6 +441,24 @@ async function goSearch(){
 </template>
 
 <style lang="scss" scoped>
+.add-report-btn{
+    width: var(--van-back-top-size);
+    height: var(--van-back-top-size);
+    position: fixed;
+    right: var(--van-back-top-right);
+    bottom: calc(var(--van-back-top-bottom) + var(--van-back-top-size) + 10px);
+    background-color: $theme-color;
+    border-radius: 50%;
+    box-shadow: 0px 6px 28px 4px rgba(0, 0, 0, 0.05), 0px 16px 20px 2px rgba(0, 0, 0, 0.06), 0px 10px 10px -6px rgba(0, 0, 0, 0.1);
+    svg{
+        width: 27px;
+        height: 27px;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%,-50%);
+    }
+}
 .sticky-box{
     position: sticky;
     top: 0;