mycomponents/common 文件迁移 8/8-10/25

src/mycomponents/common/comMessage.vue

@@ -8,15 +8,21 @@
         <slot name="icon">
           <image class="icon" :src="icon" />
         </slot>
+        <scroll-view style="max-height: 400rpx; "  scroll-y="true">
           <slot name="content">
-          <text class="content"  :style="{'color': textColor?textColor:'#000'}" v-if="textColor">
+            <view class="" style="display: flex;align-items: center;justify-content: center;">
+              <text class="text_content"  :style="{'color': textColor?textColor:'#000'}" >
                 {{content}}
               </text>
-          <rich-text class="content" :nodes="content" v-else> </rich-text>
+            </view>
+
+            <!-- <rich-text class="content" :nodes="content" v-else></rich-text> -->
+
           </slot>
+        </scroll-view>
         <view class="split_line"></view>
         <slot name="button">
-          <view class="uni-flex uni-row u-col-center space-between" style="width: 100%; height: 48px">
+          <view class="uni-flex uni-row u-col-center space-between" style="width: 100%; height: 50px">
             <view v-if="showCancelButton" class="cance_button" @tap="cancelClose">
               <text :style="{ color: cancelColor }">{{ cancelText }}</text>
             </view>
@@ -61,7 +67,7 @@ const seconds = ref(0)
 const success = ref(() => {})
 const version = ref('')
 const modal = ref(null)
-const textColor = ref('#000')
+const textColor = ref('')
 const count = ref(0)
 // onMounted(() => {
 //   const systemInfo = uni.getSystemInfoSync()
@@ -405,7 +411,7 @@ const showModal = (data) => {
   if (data.textColor) {
     textColor.value = data.textColor
   } else {
-    textColor.value = '#000'
+    textColor.value = ''
   }
   if (data.showConfirmButton === false || data.showConfirmButton === true) {
     showConfirmButton.value = data.showConfirmButton
@@ -491,6 +497,7 @@ defineExpose({
   display: flex; //弹性布局
   flex-direction: column; //垂直排列
   align-items: center; //子元素居中
+  margin: 8rpx;
   // background-image: url()
 }
 
@@ -542,4 +549,11 @@ defineExpose({
 .def_text {
   color: $uni-color-primary;
 }
+.text_content{
+  padding: 10rpx;
+  font-size: 32rpx;
+  text-align: center;
+  word-break: break-all;
+  white-space: normal;
+}
 </style>