显示效果

wxml部分

我用的是Color UI 所以用了 colorUI 的 css

js部分

组件wxml 部分

.justify-between {

justify-content: space-between;

}

.flex-direction {

flex-direction: column;

}

.margin-lr-xs {

margin-left: 10rpx;

margin-right: 10rpx;

}

.bg-white {

background-color: #ffffff;

color:#000000;

}

.margin-bottom-sm {

margin-bottom: 20rpx;

}

.radius-20 {

border-radius: 20rpx !important;

}

.hidden {

overflow: hidden;

}

.custom-shadow{

  box-shadow: 0 0px 20px rgba(207, 207, 207, 0.5);

}

.response {

width: 100%;

}

.text-df {

font-size: 28rpx !important;

}

.text-black{

color: #000000;

}

.text-content {

line-height: 1.6;

}

.padding-lr-sm {

padding-left: 20rpx;

padding-right: 20rpx;

}

.text-orange{

color: #ff6400;

}

.text-lg {

font-size: 32rpx !important;

}

.padding-bottom-sm {

padding-bottom: 20rpx;

}

.margin-sm {

margin: 20rpx;

}

.padding-tb {

padding-top: 30rpx;

padding-bottom: 30rpx;

}

.padding-lr {

padding-left: 30rpx !important;

padding-right: 30rpx !important;

}

.flex {

display: flex !important;

}