代码提交

components/ListLoadLoading/index.vue

@@ -7,11 +7,14 @@
 -->
 <script setup>
 import { toRefs } from "vue";
-
 const props = defineProps({
   text: {
     type: String,
     default: () => '加载中...'
+  },
+  showLine :{
+    type: Boolean,
+    default:true
   }
 })
 const {text} = toRefs(props)
@@ -19,7 +22,7 @@ const {text} = toRefs(props)
 
 <template>
   <view class="load-over flex flex-ai__center flex-jc__center">
-    <view class="line"></view>
+    <view class="line" v-if="showLine"></view>
     <view class="text-box flex flex-ai__center flex-jc__center">
       <view
           :class="{text:true}"
@@ -30,7 +33,7 @@ const {text} = toRefs(props)
         {{ item }}
       </view>
     </view>
-    <view class="line"></view>
+    <view class="line" v-if="showLine"></view>
   </view>
 </template>
 
@@ -39,7 +42,6 @@ const {text} = toRefs(props)
     lang="scss"
 >
 .load-over {
-  font-size: 28rpx;
   position: relative;
   color: $tips-color;