Browse Source

修改提示框样式

lijuncheng0816
lijuncheng 1 month ago
parent
commit
354132d81a
  1. 30
      src/mycomponents/common/comMessage.vue

30
src/mycomponents/common/comMessage.vue

@ -12,16 +12,22 @@
<slot name="icon"> <slot name="icon">
<image class="icon" :src="icon" /> <image class="icon" :src="icon" />
</slot> </slot>
<slot name="content"> <scroll-view style="max-height: 400rpx; " scroll-y="true">
<text class="content" :style="{'color': textColor?textColor:'#000'}" > <slot name="content">
{{content}} <view class="" style="display: flex;align-items: center;justify-content: center;">
</text> <text class="text_content" :style="{'color': textColor?textColor:'#000'}" >
<!-- <rich-text class="content" :nodes="content" v-else></rich-text> --> {{content}}
</text>
</slot> </view>
<!-- <rich-text class="content" :nodes="content" v-else></rich-text> -->
</slot>
</scroll-view>
<view class='split_line'></view> <view class='split_line'></view>
<slot name="button"> <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: 50rpx;">
<view v-if="showCancelButton" class="cance_button" @tap="cancelClose"> <view v-if="showCancelButton" class="cance_button" @tap="cancelClose">
<text :style="{'color':cancelColor}">{{ cancelText }}</text> <text :style="{'color':cancelColor}">{{ cancelText }}</text>
</view> </view>
@ -493,6 +499,7 @@
display: flex; // display: flex; //
flex-direction: column; // flex-direction: column; //
align-items: center; // align-items: center; //
margin: 8rpx;
// background-image: url() // background-image: url()
} }
@ -544,4 +551,11 @@
.def_text { .def_text {
color: $uni-color-primary; color: $uni-color-primary;
} }
.text_content{
padding: 10rpx;
font-size: 32rpx;
text-align: center;
word-break: break-all;
white-space: normal;
}
</style> </style>

Loading…
Cancel
Save