diff --git a/packages/homeServer/masterInfo/index.css b/packages/homeServer/masterInfo/index.css index f81be095..9ffa58dd 100644 --- a/packages/homeServer/masterInfo/index.css +++ b/packages/homeServer/masterInfo/index.css @@ -448,9 +448,9 @@ page { } .footerbtn1 { - width: 200rpx; + width: 300rpx; height: 70rpx; - background: linear-gradient(91deg, #FFB95E 0%, #FF9100 100%); + background: linear-gradient(91deg, #ff765a 0%, #ff3d11 100%); border-radius: 100rpx 100rpx 100rpx 100rpx; font-size: 36rpx; color: #FFFFFF; @@ -501,4 +501,114 @@ page { text-align: center; padding: 20rpx; box-sizing: border-box; +} + +.shadow { + background: rgba(0, 0, 0, 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 9; +} + +.shadowBox1 { + height: 250rpx; + width: 100%; + background-color: #fff; + position: absolute; + left: 0; + bottom: 0; + display: flex; +} + +.shadowBox1Item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 26rpx; + color: #000000; +} + +.shadowBox1Item image { + width: 100rpx; + height: 100rpx; + margin-bottom: 26rpx; +} + +.shadowBox2 { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: auto; + height: auto; +} + +.shadowBox_img { + width: 600rpx; + height: 750rpx; + background-color: white; + background-size: 100% 100%; + border-radius: 30rpx; +} + +.boxshadow_btnList{ + display: flex; + justify-content: center; +} + +.shadowBox_btn1 { + font-size: 30rpx; + color: #FFFFFF; + width: 250rpx; + height: 70rpx; + background: #08c161; + border-radius: 20rpx; + display: flex; + align-items: center; + justify-content: center; + margin: 30rpx 10rpx; +} +.shadowBox_btn2 { + font-size: 30rpx; + color: #FFFFFF; + width: 250rpx; + height: 70rpx; + background: #fe380e; + border-radius: 20rpx; + display: flex; + align-items: center; + justify-content: center; + margin: 30rpx 10rpx; +} + +.boxshadow_tit { + font-size: 32rpx; + color: #222222; + text-align: center; + padding-top: 40rpx; + margin-bottom: 30rpx; +} + +.boxshadow_text{ + font-size: 26rpx; + color: #a3a3a3; + text-align: center; +} + +.boxshadow_text2{ + font-size: 28rpx; + text-align: center; + margin: 20rpx; +} + +.boxshadow_img { + width: 250rpx; + height: 250rpx; + margin: 0 auto; + margin-top: 40rpx; } \ No newline at end of file diff --git a/packages/homeServer/masterInfo/index.vue b/packages/homeServer/masterInfo/index.vue index ab858423..8252ecc1 100644 --- a/packages/homeServer/masterInfo/index.vue +++ b/packages/homeServer/masterInfo/index.vue @@ -43,7 +43,9 @@