【开发】 修改首页消息弹窗的样式

pages/home/home.wxss

@@ -139,7 +139,7 @@ page{
 }
 .modal-dialog {
   width: 540rpx;
-  overflow: hidden;
+  /* overflow: hidden; */
   position: fixed;
   top: 50%;
   left: 0;
@@ -149,19 +149,47 @@ page{
   border-radius: 8rpx;
 } 
 .modal-content {
+  position: relative;
   padding: 50rpx;
+  margin-top: 40rpx;
   text-align: center;
   color: #666
 }
+.modal-content .title {
+  text-align: center;
+  color: #069F99;
+  font-family: PingFang-SC-Bold;
+  font-size: 16pt;
+  font-size: 700;
+  padding: 40rpx 0 15rpx 0;
+}
+/* 这个样式没有用 不知道为啥 */
+.modal-dialog .modal-conten modal-img {
+  position: absolute;
+  width: 100rpx!important;
+  height: 100rpx!important;
+  top: 50%;left: 50%;transform: translate(-50%,-186%);
+}
 .modal-footer {
+  position: relative;
   height: 70rpx;
-  border-top: 1px solid #dedede;
+  /* border-top: 1px solid #dedede; */
+  padding: 20rpx;
   font-size: 32rpx;
   line-height: 70rpx;
 }
+.modal-footer .close-img {
+  position: absolute;
+  bottom: -20rpx;
+  left: 50%;
+  transform: translate(-50%,100%);
+  height: 40rpx;
+  width: 40rpx;
+}
 .btn-cancel {
   width: 100%;
   color: #fff;
+  border-radius: 10rpx;
   background: #069F99;
   text-align: center;
   border-right: 1px solid #dedede;