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